To apply different classes when different expressions evaluate to true:
To apply multiple classes when an expression holds true:
or quite simply:
<div ng-class="{class1 : expression1, class2 : expression2}">
Hello World!
</div>
To apply multiple classes when an expression holds true:
<!-- notice expression1 used twice -->
<div ng-class="{class1 : expression1, class2 : expression1}">
Hello World!
</div>
or quite simply:
<div ng-class="{'class1 class2' : expression1}">
Hello World!
</div>
Notice the single quotes surrounding css classes.
Related Links:https://stackoverflow.com/questions/18871277/adding-multiple-class-using-ng-class