将同名元素绑定在一起的角度方式

Question

在 Angular 中，我有一个复选框列表，这些复选框都绑定到我从 json 获得的布尔值：

<div ng-repeat="err in rec.errorList"><input type="checkbox" ng-model="err.ignore" name="{{err.errorCode}}" ng-value="err.errorCode"  check-all="{{err.errorCode}}" /></div>

但与此同时，我正在尝试检查所有具有相同名称的复选框，同时检查其中一个复选框！

以角度方式做到这一点的最佳方法是什么？我的意思是有没有办法将所有这些复选框与相同的 Name 属性绑定在一起？ 我试图写一个指令，像这样，但不知道我应该如何继续：

.directive("checkAll", function(){
    return {
        link: function(scope, element, attr){
            element.bind('change', function(){
                var errorCode = attr["checkAll"];
                var elms = scope.errorCode;             
            })
        }
    }
})

这是我真正想做的事情 http://plnkr.co/edit/sLXGlXRh9vu7FETDmJd1?p=preview 我可以有很多列表，我想要的是每当我点击其中一个复选框时，使用相同的 errorCode 更新所有复选框，可能不会再次循环所有这些错误列表。

Answer 1

您可以简单地为每个名称使用相同的 ng-model。

这看起来像这样：

控制器

$scope.errorList = [{errorCode:1},{errorCode:2},
{errorCode:1},{errorCode:3},{errorCode:1},{errorCode:1},
{errorCode:2},{errorCode:1},{errorCode:3},{errorCode:3}];
$scope.checkboxByName = {};

查看

  <div ng-repeat="err in errorList">
    <input type="checkbox" ng-model="checkboxByName[err.errorCode]">
  </div>

如果你真的需要error.ignore var 在每个错误上，你可以添加这个函数：

 $scope.updateIgnore = function(){
  angular.forEach($scope.errorList, function(error){
   error.ignore = $scope.checkboxByName[error.errorCode];
  })
 }

对所有输入进行 ng-change：

ng-change="updateIgnore()"

这是一个plunker 展示了完整的实现

希望对您有所帮助。