Afficher uniquement le premier élément de ng-repeat

Comment puis-je afficher uniquement le premier élément angulaire?

Je suis en utilisant ng-repeat comme ceci:

<div ng-repeat="product in products" ng-show="$first">
    <div>{{ product.price }}</div>
</div>

Mais depuis que je ne suis pas le répéter, alors je ne devrais pas avoir à utiliser de ng-repeat? Comment puis-je obtenir ce pour n'afficher que la première, sans avoir à aller dans un ng-repeat?

source d'informationauteur infinity

  1. 22

    N'utilisez pas de ng-repeat directive, cela devrait fonctionner:

    <div>{{ products[0].price }}</div>
  2. 49

    Vous pouvez également utiliser

    <div ng-repeat="product in products|limitTo:1">
   <div>{{ product.price }}</div>
</div>

    mais oui le code ci-dessous est mieux

    <div>{{products[0].price}}</div
  3. 4

    Vous pouvez utiliser ceci:

    <div ng-bind="products[0].price"></div>

    Il utilise le premier élément du tableau.

  4. 1

    Alternativement, vous pouvez afficher le dernier dans un tableau en faisant ceci:

    <div>{{ products[products.length-1].price }}</div>