Angularjs ng-repeat index

Question

Is there a way I can get ng-repeat current record index? I am trying to give each record div an id equal to the record index example:

 <div id="1"> 
 <div id="2"> 
 <div id="3">

Any example is highly apreciated.

The ng-repeat i am using is as follows:

      <div ng-repeat="rows in clients.Result">

possible duplicate of dynamic id ng-repeat

j.wittwer
– j.wittwer

2014-04-25 16:27:29 +00:00
Commented Apr 25, 2014 at 16:27 — j.wittwer
– j.wittwer, Commented Apr 25, 2014 at 16:27

Amir Popovich · Accepted Answer · 2014-04-25 16:11:48Z

4

Use $index with evaluation curls:

<div id="{{$index}}" ng-repeat="rows in clients.Result">

PLNKR

answered Apr 25, 2014 at 16:11

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jnthnjns Over a year ago

@mchan Make sure that you understand that index starts at 0, so if you want 1, 2, 3 like your demo than you can just have id="{{ $index + 1 }}". Also note that running filters on the repeater will change the index to reflect the visible list.

jnthnjns Over a year ago

Your example looks good, just adding a couple side notes for the OP. I have already given you a +1 :)

Marcel Gwerder · Accepted Answer · 2014-04-25 16:16:48Z

4

$index contains the current index. So you can use it inside your ng-repeat like {{$index}}.

All these variables are documented at the very top of the ng-repeat documentation.

edited Apr 25, 2014 at 16:16

answered Apr 25, 2014 at 16:07

Marcel Gwerder

8,5406 gold badges40 silver badges63 bronze badges

Collectives™ on Stack Overflow

Angularjs ng-repeat index

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related