AngularJS:在特定索引之后重复

Question

我正在使用AngularJS,我有一个要求,我需要在特定索引后重复一个元素.所以,让我们说我的代码是:

<label ng-repeat="stones in rocks">
    <a href="#">Rock {{$index}}</a>
    <i class="icon-trash"></i>
</label>

现在我希望<i class="icon-trash"></i>只在索引3 之后重复.那是从第四块石头开始,我希望看到回收站.我该如何实现这一目标？

Answer 1

ng-show可以表达:

<label ng-repeat="stones in rocks">
    <a href="#">Rock {{$index}}</a>
    <i class="icon-trash" ng-show="$index > 2"></i><!--$index is 0-based-->
</label>

从版本1.1.5开始,您可以将不需要的元素保留在DOM之外

<i class="icon-trash" ng-if="$index > 2"></i>