/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

-1 vote176 views1 answer
How to use a blank space with grid template areas css
CSS
1 vote200 views1 answer
Bot page description background selector top.gg
CSS
0 vote183 views1 answer
How to create wave like border
CSS
3 votes188 views2 answers
How to zoom iin by default in html page
CSS
1 vote181 views1 answer
Css 2 <p> next to each other
CSS
2 votes187 views2 answers
How to make a list vertical in css
CSS
0 vote187 views1 answer
Z pos css
CSS
20 votes165 views6 answers
Remove bullets from ul
CSS
0 vote232 views1 answer
Auto enable background graphics print settings
CSS
1 vote194 views1 answer
Make mat card scrollable
CSS