Question

42

Angular JS hide first element of ng-repeat

rated 0 times [ 43] [ 1] / answers: 1 / hits: 36982 / 11 Years ago, mon, april 1, 2013, 12:00:00

How would I hide the first element of an ng-repeat?

<div ng-repeat=item in items ng-hide=true>

    <div>{{ item.value }}</div>

</div>

This works in that the whole ng-repeat block is hidden, but how would I hide only the first item in items? I want to display it completely differently using more prominent html/etc, so it's useful to have it in that list of data.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dominickmackenziet

Add To Favorites

Follow

Total Points: 583

Total Questions: 101

Total Answers: 117

Location: Saint Lucia

Member since Wed, Feb 8, 2023

1 Year ago

dominickmackenziet questions

1 How to keep user logged after browser closing in React - Express?

Fri, May 20, 22, 00:00, 2 Years ago

1 Why do I get an Unhandled Promise Rejection with await Promise.all

Tue, Jun 1, 21, 00:00, 3 Years ago

1 Convert Maybe< string>[]' to 'string[]

Wed, Apr 7, 21, 00:00, 3 Years ago

1 (0 , _reactRouterDom.useHistory) is not a function

Fri, Feb 12, 21, 00:00, 3 Years ago

1 How to execute API call after entering 3 characters in field?

Fri, Aug 7, 20, 00:00, 4 Years ago

View All

answered 11 Years ago yusuf · Accepted Answer

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