/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 vote133 views1 answer
Responsive css webpage code
CSS
6 votes169 views2 answers
Transition prefixes css
CSS
145 votes195 views6 answers
Import bootstrap in react
CSS
0 vote128 views1 answer
Css3 ripple loop
CSS
0 vote127 views1 answer
Which CSS property is used to add shadow to an element?
CSS
90 votes128 views6 answers
Center text
CSS
0 vote127 views2 answers
Css firefox remove scrollbar
CSS
37 votes134 views4 answers
Css circle border
CSS
1 vote142 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote137 views1 answer
Mettre icloud en dossier barre
CSS