ngRepeatループ内でデフォルト値を持つ独立インデクサを作成する方法

Question

コメントのある投稿のリストがあります。私は自分のページの各投稿の中にコメントの配列をたどる必要があります。私は各投稿の正確なコメントを表示するためにインデクサーのように使うことができる投稿用のngRepeatの変数を作成しようとしています。ネストされたスコープを作成するngRepeatのため、この変数は反復ごとに一意でなければなりません。しかし、ng-clickで変更しようとすると、変更されません。

マイngRepeat：

<div class="question_block col-xs-12" 
         ng-repeat="answer in question.content.answer track by answer.id"> 

は<span style="display:none">{{counter=0}}</span>が続いています。そして、私は<span>{{answer.comments[counter].user.organization.title}}</span>のようないくつかの項目を示しています。私が<a href ng-click="counter++">Increment</a>のような何かをしようとすると何も起こりません。どうしたの ？

Answer 1

使用ng-init="counter = 0"とあなたのコントローラ内の関数へのごng-clickを添付：this.counter

$scope.clickHandler = function() { 
this.counter++; 
}; 

Plunkerを使用し、イベントのコンテキストでcounterをインクリメントし、その後

<div ng-repeat="item in items track by $index" ng-init="counter=0"> 
    {{item}} ({{counter}}) 
    <button ng-click="clickHandler()">Increment</button> 
    <hr /> 
</div> 

デモ：http://plnkr.co/edit/J4d0JlJSKD7i4OfMT2r4?p=preview