AngularJS - NG-重複使用數組複選框

Question

這裏的演示：

JSFiddle

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

    function Ctrl($scope) { 

     $scope.selection = []; 

     $scope.categories = [ { "name": "Sport", "id": "50d5ad" } , 
     {"name": "General", "id": "678ffr" } ]; 

    } 

如果我檢查所有複選框，我需要看到它在陣列中的名字，但沒有任何反應，爲什麼？

Answer 1

我會建議增加一個功能，或者在點擊添加或刪除元素，這取決於您的複選框的狀態：

Updated JSFIDDLE

HTML：

<input type="checkbox" ng-click="addToSelection(category)" ng-model="category.selected" name="group" id="{{category.id}}"/> 

Controlle R：

$scope.addToSelection = function(category) { 
      if (category.selected == true) 
      $scope.selection.push(category.name); 
     else 
     $scope.selection.splice($scope.selection.indexOf(category.name),1); 
    } 

Answer 2

您必須爲ng-change事件綁定偵聽器。喜歡的東西

ng-change="selection.push(category.name)" 

更新小提琴：http://jsfiddle.net/0m3qc4s6/2/

Answer 3

你可以試着改變

$scope.selection = []; 

與

$scope.selection = {};