javascript - 选择/取消选择所有复选框元素 AngularJS

Question

我在 AngularJS 中有一个带有复选框的项目列表，并且有一个可以选择所有项目的复选框。该功能仅实现为选择所有项目，我想要修改它以取消选择所有项目。

这是我的功能:

$scope.items.allItemsSelected = false;
$scope.selectAll = function() {
    for (var i = 0; i < $scope.itemsList.length; i++) {
        $scope.temp.push($scope.itemsList[i].name);
        console.log($scope.itemsList[i].name);
        $scope.itemsList[i].isChecked = $scope.items.allItemsSelected;
    }
};

这是我的 html :

<md-checkbox ng-model="items.allItemsSelected"
             ng-change="selectAll()">
    Select all
</md-checkbox>

有人知道如何修改它以取消选择元素吗？

提前致谢!

Answer 1

使用 ng-checked 属性。

<md-checkbox ng-model="items.allItemsSelected" ng-change="selectAll()">
    Select all
</md-checkbox>

复选框1--

<md-checkbox ng-checked="isSelectAll" ng-model="items.allItemsSelected" ng-change="selectAll()">
    Select all
</md-checkbox>

复选框2--

<md-checkbox ng-checked="isSelectAll" ng-model="items.allItemsSelected" ng-change="selectAll()">
    Select all
</md-checkbox>

JS:

$scope.isSelectAll = false;
$scope.selectAll = function() {
    if (!$scope.isSelectAll) {
        $scope.isSelectAll = true;
    } else {
        $scope.isSelectAll = false;
    }
}