/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 vote375 views1 answer
Css grid minmax function
CSS
2 votes328 views1 answer
Bootstrap list view
CSS
37 votes401 views6 answers
Css gradient text
CSS
0 vote412 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote389 views1 answer
Uytutyu
CSS
5 votes407 views2 answers
No outline css
CSS
1 vote358 views2 answers
Border for text in html
CSS
35 votes381 views4 answers
Css nth element
CSS
44 votes375 views5 answers
Breakpoint bootstrap
CSS
10 votes345 views2 answers
Css list elements horizontally
CSS