如何使用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&nbsp;type='checkbox'&nbsp;ng-repeat="fruit&nbsp;in&nbsp;fruits" &nbsp;&nbsp;ng-checked="checkedFruits.indexOf(fruit)&nbsp;!=&nbsp;-1"&nbsp;ng-click="toggleCheck(fruit)">.function&nbsp;SomeCtrl&nbsp;($scope)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$scope.fruits&nbsp;=&nbsp;["apple,&nbsp;orange,&nbsp;pear,&nbsp;naartjie"]; &nbsp;&nbsp;&nbsp;&nbsp;$scope.checkedFruits&nbsp;=&nbsp;[]; &nbsp;&nbsp;&nbsp;&nbsp;$scope.toggleCheck&nbsp;=&nbsp;function&nbsp;(fruit)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;($scope.checkedFruits.indexOf(fruit)&nbsp;===&nbsp;-1)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$scope.checkedFruits.push(fruit); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$scope.checkedFruits.splice($scope.checkedFruits.indexOf(fruit),&nbsp;1); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;};}