/CSS/Conditionally assign a css class angular 9

Conditionally assign a css class angular 9

Angular 8 ngClass If

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

Source: stackoverflow.com

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>

Source: angularjswiki.com

Conditional classes angular

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

Source: ultimatecourses.com

Angular 8 ngClass If

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

Source: stackoverflow.com

Similar codes

-2 votes124 views1 answer
Sliding text css
CSS
0 vote127 views1 answer
How to overwrite a css importnat
CSS
0 vote159 views1 answer
Progress bar bootstrap border
CSS Bootstrap
1 vote117 views1 answer
Why tr border not showing
CSS
1 vote131 views1 answer
How to take in space and enter as it is in a textarea
CSS
1 vote121 views3 answers
How to stop input from highlighting onclick
CSS
0 vote124 views1 answer
Scss select all childs
CSS
0 vote157 views1 answer
Linux remove latst 3 files
CSS
3 votes120 views2 answers
Align an entire second row center css grid
CSS
0 vote131 views1 answer
Aos makes screen unresponsive
CSS