使用 ng-repeat 比较两个数组

Question

我正在尝试使用 Array1 中的 ng-repeat 创建多个复选框，我想将 "checked" 属性（使用 ng-checked）应用于某些复选框，具体取决于 Array2 中是否存在匹配项。

控制器中有 array1:

$scope.possibleConditions = ["condition1", "condition2", "condition3", "condition4"];

然后 array2 来自同一个控制器，但是通过 JSON API.

{
    "treated" : false,
    "data" : [{
        "conditions" : ["condition1", "condition2"],
    }]
}

这是我当前在模板中设置的 ng-repeat：

<p ng-repeat="condition in possibleConditions">                     
    <input type="checkbox" id="{{condition}}" />
    <label for="{{condition}}">
        {{condition}}
    </label>            
</p>

如果在 Array1 中的 "condition1" 在 Array2 的 "conditions" 中找到，则希望将属性 checked 应用于输入。

我尝试过的：

1: 我试过在我的控制器之后使用一个过滤器（我在 Whosebug 上找到的）：

.filter('customArray', function($filter){
return function(list, arrayFilter, element){
    if(arrayFilter){
        return $filter("filter")(list, function(listItem){
            return arrayFilter.indexOf(listItem[element]) != -1;
        });
    }
};

对 ng-repeat 稍作修改：

<p ng-repeat="conditions in possibleConditions | customArray:profileData.data:'conditions' ">

但这没有用。

2: 我尝试在 ng-repeat 中使用另一个 ng-repeat，然后将其与第一个进行匹配。

示例：

<p ng-repeat="conditions in possibleConditions">                    
    <input ng-repeat="condition in profileData.data[0].conditions | filter{condition == conditions}" type="checkbox" id="{{condition}}" />
    <label ng-repeat="condition in profileData.data[0].conditions | filter{condition == conditions}"  for="{{condition}}">
        {{condition}}
    </label>            
</p>

希望有人可以帮助/指出一些指导。谢谢。

Answer 1

这里你真的不需要过滤器，简单的 ngChecked 指令就可以工作：

<p ng-repeat="condition in possibleConditions">
  <input type="checkbox" id="{{condition}}" 
         ng-checked="response.data[0].conditions.indexOf(condition) > -1" />
  <label for="{{condition}}">
    {{condition}}
  </label>
</p>

演示： http://plnkr.co/edit/fDn0niCCljo5wChzYiwa?p=info

其中 response 是您来自 API 的数据。

使用 ng-repeat 比较两个数组

Comparing Two Arrays with ng-repeat

javascript

angularjs

ng-repeat