/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

1 vote134 views1 answer
Why tr border not showing
CSS
11 votes142 views2 answers
Css click through an element
CSS
0 vote137 views1 answer
My customized css export chrome dev
CSS
3 votes129 views3 answers
Have background color and background image css
CSS
7 votes257 views3 answers
Import font woff css
CSS
2 votes132 views2 answers
Opacity animation css
CSS
0 vote128 views1 answer
Html don't select text
CSS
2 votes148 views2 answers
Box shadow css transition
CSS
1 vote149 views1 answer
Show hide item based on display size
CSS
0 vote148 views1 answer
Css last item should be flex end
CSS