AngularJs Multiple Class in ng-class

Question

I want to use multiple class in ng-class.These classes comes from my directive.

I need something like this;

ng-class="item.test1 item.test2"

test1 and test2 are my css classes.

When i call like this ,it does not work.

How can i call multiple class using ng-class?

devqon · Accepted Answer · 2015-06-03 07:20:40Z

2

You can use array notation for multiple classes:

<my-element ng-class="[item.test1, item.test2]">Classes applied</my-element>

answered Jun 3, 2015 at 7:20

devqon

14k2 gold badges32 silver badges46 bronze badges

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

1 Comment

by the way if the classes are test1 & test2,one needs to remove the "item.", which I don't understand anyway

Zee · Accepted Answer · 2015-06-03 07:23:59Z

1

Or you can simply use class for that purpose:

 <div class="{{item.test1}} {{item.test2}}"></div>

answered Jun 3, 2015 at 7:23

Zee

8,4805 gold badges39 silver badges59 bronze badges

Eagle1 · Accepted Answer · 2015-06-03 12:12:37Z

0

you can also do like this, it's a conditional:

<my-elem ng-class="{'class1':var==value1','class2':var=='value2'}">

but really, that's all in the official document you could have search for it.

answered Jun 3, 2015 at 7:25

Eagle1

8102 gold badges13 silver badges31 bronze badges

The question wasn't about conditional, just to apply multiple classes