2013-03-11 30 views
5

後。所以,讓我們說我的代碼是:AngularJS:重複​​我使用AngularJS和我有我需要</em>特定索引後重復元素<em>要求特定的索引

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

現在我想的是,<i class="icon-trash"></i>來後指數3。即從第四石頭開始,我希望看到回收站僅重複。我如何實現這一目標?

+0

ng-show很好用,但是如果你不想讓'在DOM '元件,用[NG-開關(http://docs.angularjs.org/api/ng.directive:ngSwitch)。 – 2013-03-11 19:19:44

+0

我很好奇,如果有一個理由使用NG-開關代替[NG-IF](http://docs.angularjs.org/api/ng.directive:ngIf)(也許您的評論的日期是到舊版本)。 – BradGreens 2013-12-31 17:06:43

回答

11

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> 
+2

從版本[1.1.5](https://github.com/angular/angular.js/blob/master/CHANGELOG.md),可以保持不需要的元素出DOM的與' 2」>' – BradGreens 2013-12-31 17:10:21

+0

感謝@bradgreeens,加入到答案 – 2014-01-13 17:12:32

3

您可以簡單地把它藏在第3次迭代,使用ng-show:

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