/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 vote166 views1 answer
Will change css
CSS
0 vote170 views1 answer
Css select without class
CSS
0 vote235 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
5 votes173 views5 answers
Disable text selection
CSS
1 vote183 views1 answer
Css round outline
CSS
1 vote182 views1 answer
How to verticaly align items in a HTML container
CSS
8 votes187 views5 answers
Css hover change other element
CSS
1 vote193 views1 answer
How to remove lines from textarea
CSS
0 vote184 views1 answer
Webkit css audio code
CSS
2 votes158 views2 answers
Half circle css
CSS