/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 vote298 views2 answers
Add sass to react
CSS
3 votes326 views1 answer
Css animation keep final state
CSS
1 vote315 views1 answer
Javafx right-align in vbox
CSS
24 votes301 views3 answers
Css remove outline
CSS
0 vote344 views1 answer
Shrink a div by 50%
CSS
0 vote308 views1 answer
Changing bakcgound color like animation using tailwind
CSS
1 vote307 views1 answer
Which css property is used to change font
CSS
3 votes392 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
32 votes327 views6 answers
@font-face in css
CSS
1 vote323 views1 answer
Wordpress css admin not loading
CSS