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

时间:2013-12-03 21:34:53

标签: javascript angularjs

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

我正在使用ng-repeat这样:

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

但是既然我没有重复,那么我不应该使用ng-repeat?如何才能显示第一个,而不必进行ng-repeat?

4 个答案:

答案 0 :(得分:53)

您可能还想使用

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

但是,下面的代码更好

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

答案 1 :(得分:23)

不要使用ng-repeat指令,这应该有效:

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

答案 2 :(得分:4)

您可以使用:

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

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

答案 3 :(得分:1)

或者,您可以通过执行以下操作显示数组中的最后一个:

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