如何使用AngularJS绑定到复选框值列表？

Question

如何使用AngularJS绑定到复选框值列表？我有几个复选框：<input type='checkbox' value="apple" checked><input type='checkbox' value="orange"><input type='checkbox'  value="pear" checked><input type='checkbox' value="naartjie">我希望绑定到控制器中的列表，以便每当更改复选框时，控制器都会维护所有选中值的列表，例如，['apple', 'pear'].Ng-模型似乎只能将单个复选框的值绑定到控制器中的变量。还有其他方法可以将四个复选框绑定到控制器中的列表中吗？

Answer 1

<input type='checkbox' ng-repeat="fruit in fruits"
  ng-checked="checkedFruits.indexOf(fruit) != -1" ng-click="toggleCheck(fruit)">

.

function SomeCtrl ($scope) {
    $scope.fruits = ["apple, orange, pear, naartjie"];
    $scope.checkedFruits = [];
    $scope.toggleCheck = function (fruit) {
        if ($scope.checkedFruits.indexOf(fruit) === -1) {
            $scope.checkedFruits.push(fruit);
        } else {
            $scope.checkedFruits.splice($scope.checkedFruits.indexOf(fruit), 1);
        }
    };}