angularjs - 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>

Answer 2

您可以使用 ng-show 在前 3 次迭代中简单地隐藏它：

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