AngularJS：在特定索引之后重复

发布时间：2020-12-17 06:55:19 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS,我有一个要求,我需要在特定索引后重复一个元素.所以,让我们说我的代码是： label ng-repeat="stones in rocks" a href="#"Rock {{$index}}/a i class="icon-trash"/i/label 现在我希望的是 i class =“icon-trash” / i只有在索引3之后

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

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

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

解决方法

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!