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

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

我想我的风格复选框，所以必须有一个ID和一个标签，使用该复选框，正常工作（被选中或取消选中）。ngrepeat中的复选框标签id增量。

我可以设置它使用纯JS，通过渐进但事实并非角JS方式。我把它放在ngrepeat中，把它看成是一个待办事项列表，如何使它增加？

你可以使用NG-重复的索引部分，也就是关键：

<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>

之间的区别这两种方法是，你承担的范围$index足以只是为了使项目序号。在key方法，您可以实际访问的项目阵列上的原始指数（但您也可以访问它在$scope.item）

2014-04-04 04:09:28 pocesar

这个工作，但我已经选项卡每个组的待办事项列表项目。这项工作只适用于一套项目，但不适用于其他项目，当我点击其他项目的复选框时，什么都不会发生。 – user3398172

能否详细说明一下？我听不懂你说，对不起 – pocesar

当你澄清，请在主要问题做给别人看我的答案和@pocesar答案都非常相似 – Brocco

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

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

2014-04-04 04:11:29 Brocco

这个工作，但我已经选项卡每个组的待办事项项目清单。这项工作只为一组项目，而不是在其他组，没有发生当我点击其他组的复选框。 – user3398172

回答