/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

9 votes219 views3 answers
Bootstrap badge color
CSS
22 votes213 views3 answers
Smooth scroll css
CSS
0 vote212 views2 answers
Css how to place an icon on a photo
CSS
0 vote209 views1 answer
Inexorably
CSS
5 votes211 views4 answers
Inset css
CSS
-1 vote198 views1 answer
Flex wrap tailwind
CSS
10 votes205 views1 answer
Rotate image css mdn
CSS
0 vote209 views1 answer
Navbar bootstrap display items horizontally
CSS
0 vote191 views1 answer
Faunadb q.do
CSS
0 vote200 views1 answer
Text-indent
CSS