/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 vote315 views1 answer
Html list bullets not centered
CSS
0 vote334 views1 answer
Ubuntu toggle always on top
CSS
0 vote339 views1 answer
Css scroll height if screen too small
CSS
0 vote336 views1 answer
CSS adding background image from file
CSS
4 votes298 views3 answers
Css animation delay
CSS
0 vote342 views1 answer
How to create polaroid effect in css
CSS
0 vote347 views1 answer
Remove double quotes from string kotlin
CSS
4 votes350 views3 answers
Zoom in and out iconhtml css
CSS
1 vote333 views2 answers
Vim unset number
CSS
7 votes356 views2 answers
Detect if an element has a class jQurey
CSS