Question

这是演示：

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}}"/>

控制器：

$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 = {};

AngularJS - ng-repeat with array checkboxes

3 个答案: