Aurelia repeat.for access index of item

Question

I have a simple repeat.for:

<li repeat.for="item of items">${item}</li>

Currently I'm using: ${$parent.items.indexOf(item)}. Is there a shorthand, something like {{$index}} in angular?

score 117 · Accepted Answer · answered Feb 09 '15 at 20:21

117

There is. Write this:

<li repeat.for="item of items">${$index} - ${item}</li>

answered Feb 09 '15 at 20:21

1

This is straightforward angularjs to aurelia transition. I can't remember what I did wrong when I first tried it. – bekite Feb 11 '15 at 18:58
8

Just a note that this index is zero-based. To get your list to start at 1, use this: ${$index + 1} – Will Rogers Mar 23 '15 at 15:23
plus one the plus one comment! lol thanks, I was getting this wrong as well. – Eric Bishard Aug 12 '16 at 06:41
Could you please provide the aurelia doc link? thank you – somejhereandthere Aug 12 '18 at 15:18

1 Answers1