condition / directive in Angular ng-repeat

Question

I'm just starting out with angular. I currently have an json array of products being displayed within an ng-repeat and am looking to add a class to every third product.

Is there a way to write a condition within the repeater that will add a class to the html element when the index%3 is 2

Thanks

Valentyn Shybanov · Accepted Answer · 2013-02-06 10:23:35Z

5

Sure!

<div ng-repeat='item in items' ng-class='{third: $index%3==2}'>{{item}}</div>

http://plnkr.co/edit/24Ne1Cyh71INYIKxBCcc

answered Feb 6, 2013 at 10:23

Valentyn Shybanov

19.4k7 gold badges68 silver badges59 bronze badges

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

1 Comment

Tim Webster Over a year ago

Would it be possible to only add this class if $index%3 was equal to 2 rather than every item?

bmleite · Accepted Answer · 2013-02-06 10:26:15Z

0

Yes, use the ng-class directive:

<div ng-repeat="item in items" ng-class="{ 'third-elm': $index%3 == 2 }">{{item.value}}</div>

jsFiddle: http://jsfiddle.net/bmleite/dKjz5/

answered Feb 6, 2013 at 10:26

bmleite

26.9k4 gold badges74 silver badges46 bronze badges

Collectives™ on Stack Overflow

condition / directive in Angular ng-repeat

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related