Javascript 切换所有输入ng重复

我有一个可以选择的项目列表：

<div ng-repeat="item in items" ng-init="selected = false" ng-click="selected = !selected">
    ...
</div>

...

---

我希望在列表之外有一个简单的复选框，用于选择列表中的所有项目。实现这一点最漂亮的方法是什么？

您可以在控制器中创建一个函数，在

项

数组中的每个

项

之间循环，并将其

所选

属性设置为true。下面是函数的示例：

$scope.selectAll = function(selected) {
    angular.forEach($scope.items, function(item) {
        item.selected = selected;
    });
}

我让函数接受一个参数，这样您就可以重复使用它来执行全部取消选择

接下来，您可以创建一个按钮来调用此函数，将

true

作为参数传递

<button type="button" ng-click="selectAll(true)">Select All</button>

全选

这里有一个非常基本的JSFIDLE：

希望有帮助