add class conditionally angular 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: Angular 8 ngClass If
[ngClass]="(step=='step1')?'my-class1':'my-class2'"
Example 4: ngclass multiple conditions
<a [ngClass]="{'class1':array.status === 'active','class2':array.status === 'idle','class3':array.status === 'inactive',}">
Example 5: 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 6: conditional classes angular
<div
[className]="isActive ? 'active' : 'inactive'">
</div>