/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

13 votes220 views1 answer
Rgb gold
CSS
0 vote230 views1 answer
Css background text clip
CSS
0 vote233 views1 answer
Insert checkbox into combobox css
CSS
4 votes224 views1 answer
Css text line in middle
CSS
1 vote215 views1 answer
Css text bubble
CSS
2 votes230 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
102 votes219 views6 answers
How to center an element in css
CSS
0 vote231 views1 answer
Grid place between
CSS
1 vote214 views1 answer
Edge media query
CSS
0 vote202 views1 answer
Make font awesome spin but not the word on hover
CSS