$ ng-repeatのインデックスがng-ifの内部でインクリメントされない

Question

$index値がng-ifブロック内で増加しません。上記のブロックで

<div ng-repeat="household in census.households track by $index"> 
 
    <div ng-if="household.ask_for_tobacco"> 
 
     <input id="tobacco_{{$index}}" type="checkbox" ng-model="member.smoker"> 
 
     <label for="tobacco_{{$index}}"></label> 
 
    </div> 
 
</div>

、私はその中にNGリピートとng-ifを使用しています。私は条件ng-ifに従い、設定要素idは$indexです。要素IDは、毎回0に設定されています。1,2,3...

ng-ifが削除されても、必ず動作します。誰もが同じ問題を抱えていた。私に解決策を教えてください。

Answer 1

ng-ifは独自のスコープを作成し、ng-repeatによって作成される反復の範囲へのアクセスを妨げます。

あなたはng-showを使用することはできませんので、私の提案は、あなたがこのようなあなたのng-repeatにフィルタを適用することである：

<div ng-app="app" ng-controller="MyCtrl"> 
    <div ng-repeat="household in households | filter: { ask_for_tobacco: true }"> 
    <input id="tobacco_{{$index}}" type="checkbox"> 
    <label for="tobacco_{{$index}}">index {{ $index }} id = {{ household.id }}</label> 
    </div> 
</div> 

ここで働くの例を参照してください：http://jsfiddle.net/m25afg12/9/