ng-class conditional code example

Example 1: Angular 8 ngClass If

[ngClass]="{'my-class': step=='step1'}"

Example 2: ngclass condition

[ngClass]="(step=='step1')?'my-class1':'my-class2'"

Example 3: ngclass condition

[class.my-class]="step === 'step1'"

Example 4: ngstyle conditional

<div [ngClass]="{'class1': true, 'class2': false}"></div> <!--passed as an object-->

Example 5: conditional classes angular

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

Example 6: ngclass condition

[ngClass]="{'my-class': step === 'step1'}"