javascript - ng-repeat 内的 ng-model 值不起作用

Question

难以在 ng-repeat 内分配 ng-model 值

所以我用一个 json 对象数组重复这个 div。我可以在任何元素内打印对象的“ID”值。但我不能将其用作内部复选框的 ng-model 值。我一定是在这里做错了什么。知道那是什么吗？

如果有人能看一下，我将非常感激。

这是该问题的代码笔。 Code pen link

.

Answer 1

分配给复选框的模型的值是 bool 值，无论它是 true 还是 false，除非您定义了该值。但同样，它只有 2 个选项值。

因此，您可以将其更改为可以存储 bool 值的某个属性，而不是使用 id 作为模型属性。为什么不使用“isSelected”

<div ng-controller="quoteController" ng-app="MyApp" class="benefits-container">
    <!-- benefits -->
      <div class="benefit" ng-class="{'selected': pe.id}" ng-repeat="pe in policyEnhancementsArr | filter: {type:'optional'}">
          <div class="top">
              <md-checkbox ng-model="pe.isSelected" class="blue"></md-checkbox>
              <h5 class="item">{{pe.name}}</h5>
              <h5 class="prize">{{pe.loading}}</h5>
          </div>
          <div class="bottom">
              <p>{{pe.limitDisplay}}</p>
          </div>
      </div>
  </div>

然后更新一些 isSelected 值:

...
{
  "id": "PVC022",
  "name": "NCD Protector",
  "limit": null,
  "limitDisplay": "N/A",
  "desc": "<TBC>",
  "type": "optional",
  "loading": 0.0,
  "isSelected": true
},
...