/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 vote103 views1 answer
Padding bottom and top css in same ligne
CSS
15 votes129 views3 answers
Drop shadow image css
CSS
1 vote192 views1 answer
Overflow scrollbar with variable height
CSS
4 votes158 views1 answer
Animation-direction property
CSS
46 votes96 views6 answers
Font color css
CSS
41 votes116 views6 answers
Media query for mobile min and max width
CSS
1 vote115 views1 answer
Kommentar css
CSS
1 vote119 views2 answers
Background shorthand code
CSS
3 votes107 views2 answers
Css text color border
CSS
10 votes115 views4 answers
Bootstrap badges Links
CSS