Показывать только первый элемент ng-repeat

Как показать только первый элемент в angular?

Я использую ng-repeat следующим образом:

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

Но поскольку я не повторяюсь, мне не нужно использовать ng-repeat? Как я могу заставить это отображать только первое, без необходимости повторять ng-repeat?

Ответ 1

Не используйте директиву ng-repeat, это должно работать:

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

Ответ 2

Вы также можете использовать

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

но да лучше код ниже

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

Ответ 3

Вы можете использовать это:

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

Он будет использовать первый элемент массива.

Ответ 4

В качестве альтернативы вы можете показать последнее в массиве, выполнив следующее:

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