CODEWITHSUNDEEP
javascriptcssangularjs
Shuping
Shuping

Reputation: 5468

AngularJS how to put both ng-class and CSS class

I have an element which has static CSS classes and dynamic classes which will be determined by a method, so how do I put them together?

I tried below code, but it does not work:

<div class="static-class" ng-class="{'dynamic-class': isEnabled()}"></div>

So as a workaround I did this:

<div ng-class="{'static-class': true, 'dynamic-class': isEnabled()}"></div>

But this is ugly, especially when there are many static classes.

EDIT
I found my first example works! Sorry for for this question.

Upvotes: 5

Views: 5807

Answers (1)

Emma Guo
Emma Guo

Reputation: 531

Your first example should work:

<div class="static-class" ng-class="{'dynamic-class': isEnabled()}"></div>

Alternatively you can also use:

<div class="static-class ng-class: {'dynamic-class': isEnabled()};"></div>

Upvotes: 12

Related Questions