根据数组设置 ng-checked [重复]

Question

我有一个select 下拉菜单。在下拉列表中选择每个值后，将使用ng-repeat 创建复选框。下拉列表中的所有值都应该被选中，并且必须选中相应的复选框并将其存储在数组中。

每当复选框更改时，我都会将其添加或从数组中删除。当我更改下拉列表时，检查先前下拉列表的复选框消失了。

如何根据存储检查值的数组来检查它们。

<div ng-repeat="flat in flatsArray" class="row" style="width:90%;">
       <div class="col-md-2">
          <input 
               type="checkbox" ng-true-value="{{flat.flat_id}}"
               ng-false-value="'-1'" 
               //tried this but selctedFlats is an object
               ng-checked="userEventData.selectedFlats.indexOf(sFlats[$index])"  `userEventData.selectedFlats` is an object
              ng-change="checkChanged(sFlats[$index], flat)" 
              ng-model="sFlats[$index]" />
       </div>
       <div class="col-md-10"><label for="{{flat.flat_no}}">{{flat.flat_no}}</label></div>
    </div>

$scope.userEventData.selectedFlats 是检查值的数组。

我本可以完成 ng-checked="userEventData.selectedFlats.indexOf(sFlats[$index])" 但 selectedFlats 包含对象。我想检查对象中的值

Answer 1

NG-CHECKED 正在寻找返回状态的表达式。 indexOf 将返回一个数值 >= -1。虽然这样做会产生更多的处理，因为它会一遍又一遍地运行函数来寻找变化。

我会推荐类似的方法：当您获取公寓数据时，将选中的属性放在那里，然后将其分配给需要的属性。它将创建更清晰的代码，并且您有 1 个对象要操作。您可以随时根据需要对其进行解析。

ng-checked="flat.checked"

看起来更干净，并且通过循环数组不断寻找变化来创建更少的处理。