Skip prima voce in ng-repeat

Question

voglio saltare la prima voce in ng-repeat

..first item here 

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

non funziona, qualcosa di sbagliato qui?

Capisco che posso usare ng-if, ng-show per nascondere le cose ma non riesco proprio a capire perché il filtro non funzioni in 1.3.x in questo caso.

Grazie.

Answer 1

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

Answer 2

Usa $ prima di questo:

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

Oppure,

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

Answer 3

È possibile utilizzare ng-show o ng-if senza usarlo come un filtro. È più facile perché conosci l'indice che vuoi saltare.

Utilizzare i filtri in genere quando si desidera eseguire un'operazione che riguarda tutto l'array, ad esempio la formattazione, o parti che non si sa dove risiedono.

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

JS Fiddle

Answer 4

È possibile utilizzare ng-spettacolo, invece, in questo modo:

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

Oppure si può usare ng-se direttiva nel caso in cui non si desidera aggiungere invisibile elementi dom.

Answer 5

È inoltre possibile utilizzare il filtro limitTo.

Come indice negativo, inizia indica un offset dalla fine dell'input. Il valore predefinito è 0.

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

Answer 6

forse sono in ritardo di rispondere a questa. Ma solo per i neofiti, sto fornendo una soluzione. Come si vuole saltare il primo record, in modo da poter utilizzare sia indice di $ o $ prima per raggiungere, come illustrato di seguito:

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

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

Come si può vedere, in entrambi, ng-se è saltare '0' valore .