Apply Class On Condition In Angular 6 Code Example

Example 1: ngclass condition

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

Example 2: if condition in class angular 8

<i [class]="user.login_status == 1 ? 'fas fa-circle user_active' : 'fas fa-circle user_inactive'" aria-hidden="true"></i>

Example 3: conditionally assign a css class angular 9

<div [ngClass]="{'message': info.priority < 10,                  'warn': info.priority > 10 && info.priority < 20,                   'error': info.priority > 30}">  {{info.text}}  </div>

Example 4: conditional classes angular

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

Example 5: ngclass condition

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