/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 vote241 views1 answer
Css percentrage minus px
CSS
0 vote244 views1 answer
Css preloader, preload website screen
CSS
0 vote300 views1 answer
Bootsrap view only landscape
CSS
3 votes237 views6 answers
Input disabled css
CSS
1 vote263 views1 answer
Padding up down left right
CSS
0 vote241 views1 answer
Bootstrap popover style width
CSS
0 vote234 views1 answer
Icon float right side input css
CSS
3 votes232 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
9 votes257 views3 answers
Css grid repeat
CSS
0 vote245 views1 answer
Change link color in wordpress
CSS