/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

8 votes157 views3 answers
Background image fill div
CSS
3 votes115 views1 answer
Make item apper at the center of div
CSS
9 votes250 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote165 views1 answer
Uytutyu
CSS
2 votes201 views2 answers
How to add an icon to your website tab
CSS
2 votes116 views1 answer
Responsive background image
CSS
0 vote181 views1 answer
Css shape-outside
CSS
0 vote147 views1 answer
Como fazer listrada css
CSS
0 vote164 views1 answer
Min-height not working on body
CSS
0 vote212 views2 answers
Css grid reverse column order
CSS