Use ng-repeat index as class name?

Question

Is it possible to use the $index of ng-repeat in the class name?

Example:

ng-class="{'hand-' + $index: true}"

Thank you!

ryeballar · Accepted Answer · 2015-03-19 03:39:22Z

16

You can use it like this:

ng-class="['hand-' + $index]"

Additionally, you can use the class attribute to interpolate the class value

class="hand-{{$index}}"

answered Aug 15, 2014 at 10:08

30.1k10 gold badges67 silver badges76 bronze badges

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

2 Comments

Thank you...is there a favorit way?

yes, I prefer the class attribute solution as it is much more readable.

Wai Ha Lee · Accepted Answer · 2018-01-03 09:24:11Z

1

You can use within html class:

class="list-{{$index}}"

for Angular use:

ng-class="['hand-' + $index]"

8,856102 gold badges61 silver badges100 bronze badges

answered Dec 9, 2016 at 7:03

1,24913 silver badges15 bronze badges