javascript - 如何将 Angularjs 变量传递给 html 输入 id？

Question

我正在像这样使用 angularjs ng-repeat 添加复选框:

<div class="checkbox-circle" ng-repeat="t in tenders">
  <input type="checkbox" checklist-model="contratacion.select" checklist-value="t.id" id="t.id">
  <label for="t.id">{{t.name}}</label>
</div>

其中“tenders”是一个具有“name”和“id”属性的数组。问题是输入的 id 值在循环中没有改变，结果复选框具有相同的 id 值。我是否错误地将 id 值传递给了输入？期望“t.id”在输入 id 中发生变化是错误的吗？

Answer 1

在非 Angular 属性内使用与普通文本相同的花括号表示法，即:

<div class="checkbox-circle" ng-repeat="t in tenders">
  <input type="checkbox" checklist-model="contratacion.select" checklist-value="t.id" id="{{t.id}}">
  <label for="{{t.id}}">{{t.name}}</label>
</div>