如何獲取AngularJS中複選框的所有選定對象？

Question

我想要使用AngularJS獲取複選框的所有選定對象。

下面是我的代碼

我view.tpl.html

<tr ng-repeat="item in itemList"> 
<td> 
<input type="checkbox" ng-click="clickedItem(item.id)" 
     ng-model="model.controller.object" 
     {{item.name}} /> 
</td> 

我的控制器

$scope.itemList = [ 
{ 
    id:"1", 
    name:"first item" 
}, 
{ 
    id:"2", 
    title:"second item" 
}, 
{ 
    id:"3", 
    title:"third item" 
} 
]; 

    $scope.selection = []; 
    $scope.clickedItem = function(itemId) { 
     var idx = $scope.selection.indexOf(itemId); 
     if (idx > -1) { 
      $scope.selection.splice(idx, 1); 
     } 

     // is newly selected 
     else { 
      var obj = selectedItem(itemId); 
      $scope.selection.push(obj); 
     } 
    }; 

    function selectedItem(itemId) { 
     for (var i = 0; i < $scope.itemList.length; i++) { 
      if ($scope.itemList[i].id === itemId) { 
       return $scope.itemList[i]; 
      } 
     } 
    } 

在這裏，我會得到所有的選擇伊特ms在$scope.selection。我怎樣才能得到ng-model？

是否有可能做這樣ng-model="model.controller.object = selection"，因爲我需要選擇$scope.selection如果我理解正確的話，你要創建一個複選框，並動態地將其從列表綁定到一個項目（S）被分配給model.controller.object

Answer 1

，如果是這樣，這是我怎麼會去這樣做：

$scope.modelContainer=[]; 
angular.forEach($scope.itemList,function(item){ 
    $scope.modelContainer.push({item:item,checked:false }); 

}); 

HTML：

<div ng-repeat="item in itemList"> 
{{item.name}} 
<input type="checkbox" ng-click="selected(item.id)" ng-model="modelContainer[$index].checked"  /> 
</div> 

見plunk。每當您選中複選框時，請查看控制檯中的模型容器更改。