/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

0 vote206 views1 answer
Css for chrome only
CSS
0 vote188 views1 answer
Htacess mono-site
CSS
0 vote170 views1 answer
Css make ul on multiple lines
CSS
0 vote244 views1 answer
Translate argument animation css'
CSS
4 votes179 views2 answers
Change element in iframe
CSS
22 votes170 views5 answers
Css grid center
CSS
0 vote162 views1 answer
Remove border radius select css
CSS
3 votes184 views1 answer
Css visibility transition
CSS
-1 vote181 views1 answer
How to remove default styling of a tag
CSS
3 votes160 views1 answer
Hover apply lighter color css
CSS