/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 vote96 views1 answer
Beautiful checkbox css
CSS
0 vote117 views10 answers
How to create a snake game in html css js
CSS
0 vote101 views1 answer
Elementor custom css for mobile
CSS
0 vote127 views1 answer
All heading tags selector scss
CSS
19 votes96 views2 answers
How to customize placeholder css
CSS
0 vote109 views1 answer
React css change number animation
CSS
6 votes105 views4 answers
Backdrop filter css
CSS
12 votes99 views4 answers
On hover display another div css
CSS
0 vote96 views1 answer
Javafx css rectangle outline
CSS
0 vote100 views1 answer
Css list line spacing
CSS