0

関連するチェックボックスに応じて、オブジェクトを「選択済み」リストに追加したいオブジェクトの特定の配列があります。コントローラーをあまりセットアップせずに、どうすればそれらをセットアップできますか。

代わりにラジオボックスを使用する場合、正常に動作するフィドルは次のとおりです。 http://jsfiddle.net/JohannesJo/6ru2R/

JavaScript:

app = angular.module('app',[]);

app.controller('controller', function($scope){
$scope.aData = [
    {i:1},
    {i:2}
];
$scope.aSelected = [];
});

html:

<body ng-app="app">
        <div ng-controller='controller'>
            <input type = "checkbox" ng-model = "aSelected"  value = "{{aData[0]}}">
            <input type = "checkbox" ng-model = "aSelected"  value = "{{aData[1]}}">

            <div>test:     {{oSelected}}</div>
         </div>
</body>
4

1 に答える 1

2

1 つのオプションは、Array の変更を監視し、oSelectedそれに基づいて関連オブジェクトのリストを作成することです。

$scope.$watch(function () {
    return $scope.oSelected;
}, function (value) {
    $scope.selectedItems = [];
    angular.forEach($scope.oSelected, function (v, k) {
        v && $scope.selectedItems.push($scope.aData[k]);
    });
}, true);

jsfiddle : http://jsfiddle.net/bmleite/zea7g/2/

于 2013-02-28T23:53:05.953 に答える