/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

33 votes209 views6 answers
Gradient css
CSS
35 votes219 views4 answers
Css nth element
CSS
3 votes226 views3 answers
How to center a html header
CSS
3 votes216 views6 answers
Uncaught TypeError: $ is not a function
CSS
0 vote225 views1 answer
Css radio button size
CSS
0 vote226 views1 answer
Css start animation on hover
CSS
1 vote207 views1 answer
Html how to use a background image fill not stretch
CSS
3 votes201 views2 answers
Make image not draggable css
CSS
0 vote210 views1 answer
Alinhar componentes css
CSS
0 vote202 views1 answer
Swiper slider autoplay
CSS