Ответ 1
Не используйте директиву ng-repeat, это должно работать:
<div>{{ products[0].price }}</div>
Показывать только первый элемент ng-repeat
Как показать только первый элемент в angular?
Я использую ng-repeat следующим образом:
<div ng-repeat="product in products" ng-show="$first">
<div>{{ product.price }}</div>
</div>
Но поскольку я не повторяюсь, мне не нужно использовать ng-repeat? Как я могу заставить это отображать только первое, без необходимости повторять ng-repeat?
Ответы
Ответ 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>