Applying multiple CSS class names of different natures using ng-class in AngularJS

Question

I have a directive whose structure is:

<mydir ng-class="i.labels", ng-class="{'elSelected': i.id == selectedId}"></mydir>

Here i.labels is a an array of CSS class names and i.id and selectedId are numbers, all of which are declared inside the controller. I want to apply all the classes contained in the array i.labels and conditionally apply elSelected to mydir. How can I do this with ng-class?

AlwaysALearner · Accepted Answer · 2014-03-05 10:17:39Z

1

You can use ng-class to apply array of classes and use class attribute to apply a class conditionally:

<mydir ng-class="i.labels" 
class="{{i.id == selectedId? 'elSelected' : ''}}"></mydir>

Fiddle

answered Mar 5, 2014 at 10:17

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

Applying multiple CSS class names of different natures using ng-class in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related