angular apply class conditionally code example

Example 1: Angular 8 ngClass If

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

Example 2: Angular 8 ngClass If

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

Example 3: ngclass condition

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

Example 4: 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 5: Angular 8 ngClass If

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

Example 6: Angular 8 ngClass If

[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"