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

回答