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

Javascript 选择/取消选择所有复选框元素AngularJS,javascript,html,angularjs,checkbox,Javascript,Html,Angularjs,Checkbox,我在AngularJS中有一个带有复选框的项目列表,我有一个可以选择所有项目的复选框。该函数仅用于选择所有项目,我想修改它以取消选择所有项目 这是我的职责: $scope.items.allItemsSelected = false; $scope.selectAll = function() { for (var i = 0; i < $scope.itemsList.length; i++) { $scope.temp.push($scope.itemsList

我在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;
    }
};
$scope.items.allItemsSelected=false;
$scope.selectAll=function(){
对于(变量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>

全选
有没有人知道如何修改它来取消选择元素


提前谢谢

使用ng选中的属性

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

使用已选中的属性

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

请注意,
ngChecked
指令不应与
ngModel
一起使用,因为这可能会导致意外行为:当我取消选择所有项目时,我想清空我的阵列当您取消选择所有项目时,将数组$scope.itemsList=[]在selectAll函数的else条件下。我尝试了您的解决方案,但它不允许我选中select all按钮注意,
ngChecked
指令不应与
ngModel
一起使用,因为这可能会导致意外行为:当我取消选择所有项目时,我想清空阵列当您取消选择所有项目时,将数组放入$scope.itemsList=[]在selectAll函数的else条件下。我尝试了您的解决方案,但它不允许我检查select all按钮。您可以提供html中数组
$scope.itemsList
ngRepeat
的示例吗?您可以提供html中数组
$scope.itemsList
ngRepeat
的示例吗?
<md-checkbox ng-checked="isSelectAll" ng-model="items.allItemsSelected" ng-change="selectAll()">
    Select all
</md-checkbox>
$scope.isSelectAll = false;
$scope.selectAll = function() {
    if (!$scope.isSelectAll) {
        $scope.isSelectAll = true;
    } else {
        $scope.isSelectAll = false;
    }
}