Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular JS hide first element of ng-repeat

You can do this

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

Here are the docs: http://docs.angularjs.org/api/ng.directive:ngRepeat


No need to hide, just use a filter to exclude the first item from the list:

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

There's a simpler solution in more recent versions of Angular.

The filter "limitTo" now supports a "begin" argument (docs):

{{ limitTo_expression | limitTo : limit : begin}}

So you can use it like this in a ng-repeat:

ng-repeat="item in items | limitTo: items.length : 1"

This means that ng-repeat will begin at index 1 (instead of the default index 0) and will continue for the rest of the items array's length (which is less than items.length, but limitTo will handle that just fine).


Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!