仅显示ng-repeat的第一个元素

Question

如何仅显示角度中的第一个元素？

我这样使用ng-repeat:

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

但既然我不重复,那么我不应该使用ng-repeat？我怎样才能让它只显示第一个,而不必进行ng-repeat？

Answer 1

您可能也想使用

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

但是,下面的代码更好

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

Answer 2

不要使用ng-repeat指令,这应该工作:

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

Answer 3

你可以使用这个：

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

它将使用数组的第一个元素。