AngularJS: Lặp lại sau một chỉ mục cụ thể

Question

Tôi đang sử dụng AngularJS và tôi có yêu cầu trong đó tôi cần lặp lại một phần tử sau một chỉ mục cụ thể. Vì vậy, chúng ta hãy nói mã của tôi là:

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

Bây giờ những gì tôi muốn là <i class="icon-trash"></i> được lặp đi lặp lại chỉ sau chỉ số 3. Đó là từ viên đá thứ tư trở đi, tôi muốn nhìn thấy thùng rác. Làm thế nào để đạt được điều này?

Answer 1

ng-show có thể mất một biểu:

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

Tính đến phiên bản 1.1.5, bạn có thể giữ các yếu tố không mong muốn ra khỏi DOM với

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

Answer 2

Bạn chỉ có thể giấu nó trong 3 lần lặp đầu tiên, sử dụng ng-show:

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