/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

20 votes342 views2 answers
Div circle
CSS
0 vote348 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
3 votes368 views2 answers
Move css background image
CSS
0 vote348 views1 answer
Add padding to gnome terminal
CSS
3 votes358 views2 answers
Css overflow y 3 dots
CSS
-1 vote310 views1 answer
Html flex direction
CSS
0 vote340 views1 answer
Css print landscape
CSS
0 vote344 views1 answer
Acf wysiwyg height
CSS
1 vote343 views1 answer
Fade other items on hover
CSS
0 vote357 views1 answer
Move div down css
CSS