选择AngularJS中的所有复选框

Question

我有一个像这样的全选复选框和列表复选框。

一个复选框列表从

$scope.contacts = [ 
     {"name": "Bambizo", "check": false}, 
     {"name": "Jimmy", "check": false}, 
     {"name": "Tommy", "check": false}, 
     {"name": "Nicky", "check": false} 
]; 

我想接收数据时，我检查选择所有复选框，使其在下面列表中的所有复选框被选中或取消选中。在这里，我的代码：

选择全部复选框：

<input type="checkbox" ng-model="checkAllContact" ng-change="checkAllContact(checkAllContact)"> 

checkAllContact功能：

$scope.checkAllContact = function(){ 
     var allChecked = false; 
     for(i = 0; i< $scope.contacts.length; i++){ 
      if ($scope.contacts[i].check == true){ 
       allChecked = true; 
      }else { 
       allChecked = false; 
      } 
     } 

     if (allChecked = true){ 
      for(i = 0; i< $scope.contacts.length; i++){ 
       $scope.contacts[i].check = false; 
      } 
     }else{ 
      for(i = 0; i< $scope.contacts.length; i++){ 
       $scope.contacts[i].check = true; 
      }  
     } 
    } 

但是当我运行，并单击选择所有复选框。它使一个错误：

如何解决它或有任何其他的方式做到这一点？谢谢

Answer 1

ng-model="checkAllContact" &方法checkAllContact具有相同的名称。

checkAllContact范围变量覆盖checkAllContact。

您需要更改您的函数名称才能解决问题。

Answer 2

您的函数名称和变量名称（ng-model）都相同，请更改其中之一。

此外，你可以做一个更简单的方法，例如。

HTML：

<input type="checkbox" ng-model="checkAllContact1" ng-change="checkAllContact()"> 
<div ng-repeat="item in contacts"> 
    <input type="checkbox" ng-model="item.check"/> 
</div> 

JS：

$scope.checkAllContact = function(){ 
    if ($scope.checkAllContact1) { 
     $scope.checkAllContact1 = true; 
    } else { 
     $scope.checkAllContact1 = false; 
    } 
    angular.forEach($scope.contacts, function (item) { 
     item.check = $scope.checkAllContact1; 
    }); 
} 

见Fiddle