ng-class multiple classes angular 4 code example

Example 1: conditional classes angular

<div 
  [className]="isActive ? 'active' : 'inactive'">
</div>

Example 2: multiple ngclass

<section [ngClass]="{'class1':condition1, 'class2': condition2, 'class3':condition3}" >

Example 3: ng class multiple class names

<!-- notice expression1 used twice -->
<div ng-class="{class1 : expression1, class2 : expression1}">
    Hello World!
</div>