/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

32 votes259 views6 answers
Overflow css
CSS
0 vote278 views1 answer
How to center an overlay button using flex box
CSS
5 votes290 views2 answers
Css disabled div
CSS
0 vote291 views1 answer
1 412 779 in words
CSS
0 vote268 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
1 vote251 views1 answer
@extend must be used with a %placeholder
CSS
2 votes299 views1 answer
Journalctl last 100 lines
CSS
23 votes303 views4 answers
Gradient border css
CSS
0 vote296 views1 answer
Css static header on scroll
CSS
0 vote274 views1 answer
CSS fluid type sizing based on viewport
CSS