/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

2 votes199 views1 answer
Nunito font family
CSS
23 votes196 views3 answers
Text-overflow ellipsis multiple lines
CSS
0 vote203 views1 answer
Twig data uri
CSS
2 votes178 views2 answers
Css all children of type
CSS
1 vote201 views1 answer
Add css variables without global
CSS
1 vote209 views1 answer
Stop anchor tag scroll to top of page
CSS
3 votes196 views2 answers
How to modify select icon csshow to modify select icon css
CSS
0 vote197 views1 answer
Change hover color link in wordpress
CSS
9 votes214 views5 answers
How to make a triangle in css
CSS
0 vote218 views3 answers
Svg background css
CSS