ngrepeat中的复选框标签ID增量。

Question

<div class="checkbox"><input type="checkbox" id="1"><label for="1"></label></div>

我想设置我的复选框样式，因此必须有一个id和一个标签，以便复选框正常工作（待检查或取消选中）。

我可以使用纯粹的js，通过增量设置它，但不是角度js方式。我把它放在ngrepeat中，把它想象成todo列表，如何使它增量？

Answer 1

你可以使用ng-repeat的索引部分，即密钥：

<div class="checkbox" ng-repeat="(index,value) in items">
   <input type="checkbox" id="{{index}}"><label for="{{index}}"></label>
</div>

或使用子范围$index值

<div class="checkbox" ng-repeat="item in items">
   <input type="checkbox" id="{{$index}}"><label for="{{$index}}"></label>
</div>

http://plnkr.co/edit/Yh02rAuH40XU0hB4eQO6?p=preview

这两种方法之间的区别在于，您假设范围$index足以使项目顺序。在key方法中，您实际上可以访问items数组上的原始索引（但您也可以在$scope.item中访问它）

Answer 2

您可以使用$ index查找数组中项目的索引（fiddle example）

<input type="checkbox" id="{{$index}}"/>
<label for="{{$index}}">{{$index}}</label>