conditionally apply class angular code example
Example 1: Angular 8 ngClass If
[ngClass]="{'my-class': step=='step1'}"
Example 2: ngclass multiple conditions
<a [ngClass]="{'class1':array.status === 'active','class2':array.status === 'idle','class3':array.status === 'inactive',}">
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: add classon ng if
[ngClass]="{'my-class': step === 'step1'}"