Bỏ qua mục đầu tiên trong ng-repeat

Question

Tôi muốn bỏ qua mục đầu tiên trong bất cứ điều gì ng-lặp lại

..first item here 

<ul class="highlight-topright"> 
     <li ng-repeat="item in hpHeadlines | filter:$index>0"> 
      ... 
     </li> 
</ul> 

nó không hoạt động, sai ở đây?

Tôi hiểu rằng tôi có thể sử dụng ng-if, ng-show để ẩn mọi thứ nhưng tôi không thể hiểu tại sao bộ lọc không hoạt động trong 1.3.x trong trường hợp này.

Cảm ơn.

Answer 1

<ul class="highlight-topright"> 
     <li ng-repeat="item in hpHeadlines" ng-if="$index > 0"> 
      ... 
     </li> 
</ul> 

Answer 2

Sử dụng $ đầu tiên cho này:

<ul class="highlight-topright"> 
     <li ng-repeat="item in hpHeadlines" ng-hide="$first"> 
      ... 
     </li> 
</ul> 

Hoặc,

<ul class="highlight-topright"> 
      <li ng-repeat="item in hpHeadlines" ng-if="!$first"> 
       ... 
      </li> 
    </ul> 

Answer 3

Bạn có thể sử dụng ng-show hoặc ng-if mà không sử dụng nó như một bộ lọc. Nó dễ dàng hơn vì bạn biết chỉ mục bạn muốn bỏ qua.

Sử dụng bộ lọc thường là khi bạn muốn làm điều gì đó liên quan đến tất cả mảng, chẳng hạn như định dạng ví dụ hoặc các phần mà bạn không biết nơi chúng cư trú.

<ul class="highlight-topright"> 
     <li ng-repeat="item in hpHeadlines" ng-show="$index != 0"> 
      {{item.name}} 
     </li> 
    </ul> 

JS Fiddle

Answer 4

Bạn có thể sử dụng ng-show thay vào đó, như thế này:

<ul class="highlight-topright"> 
    <li ng-repeat="item in hpHeadlines" ng-show="$index > 0"> 
     ... 
    </li> 
</ul> 

Hoặc bạn có thể sử dụng ng-nếu chỉ trong trường hợp bạn không muốn thêm vô hình yếu tố dom.

Answer 5

Bạn cũng có thể sử dụng bộ lọc limitTo.

Là chỉ số phủ định, bắt đầu cho biết mức chênh lệch từ cuối đầu vào. Mặc định là 0.

<li ng-repeat="item in hpHeadlines | limitTo: 1 - hpHeadlines.length"> 
    ... 
</li> 

Answer 6

Có thể tôi sẽ trả lời muộn. Nhưng chỉ dành cho người mới, tôi đang cung cấp giải pháp. Như bạn muốn bỏ qua kỷ lục đầu tiên, vì vậy bạn có thể sử dụng một trong hai chỉ số $ hoặc $ đầu tiên để đạt được, như hình dưới đây:

<li ng-repeat="item in hpHeadlines" ng-if="$index">  OR 

<li ng-repeat="item in hpHeadlines" ng-if="!($first)"> 

Như bạn có thể thấy, trong cả hai, ng-nếu là bỏ qua '0' giá trị .