Angular JS隐藏了ng-repeat的第一个元素

Question

我如何隐藏ng-repeat的第一个元素？

<div ng-repeat="item in items" ng-hide="true">
    <div>{{ item.value }}</div>
</div>

这样可以隐藏整个ng-repeat块,但是如何只隐藏项目中的第一项？我希望使用更突出的html/etc以完全不同的方式显示它,因此将它放在该数据列表中是有用的.

Answer 1

你可以这样做

<div ng-repeat="item in items" ng-show="!$first">
    <div>{{ item.value }}</div>
</div>

以下是文档:http://docs.angularjs.org/api/ng.directive:ngRepeat

Answer 2

无需隐藏,只需使用过滤器从列表中排除第一项:

<div ng-repeat="item in items|filter:$index>0">
    <div>{{ item.value }}</div>
</div>