如何在 ngRepeat 循环中创建具有默认值的独立索引器

Question

我有一个带有 cmets 的帖子列表。我需要遍历页面上每个帖子中的 cmets 数组。我正在尝试在 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 附加到控制器中的函数：

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

然后，要在事件上下文中增加counter，请使用this.counter

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

Plunker 演示：http://plnkr.co/edit/J4d0JlJSKD7i4OfMT2r4?p=preview