/CSS/Ngclass multiple conditions

Ngclass multiple conditions

Ngclass multiple conditions

<a [ngClass]="{'class1':array.status === 'active','class2':array.status === 'idle','class3':array.status === 'inactive',}">

3

Source: stackoverflow.com

Multiple ngclass

<section [ngClass]="{'class1':condition1, 'class2': condition2, 'class3':condition3}" >

1

Source: stackoverflow.com

Add classon ng if

[ngClass]="{'my-class': step === 'step1'}"

0

Source: stackoverflow.com

Angular 8 ngClass If

[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"

0

Source: stackoverflow.com

Similar codes

7 votes341 views4 answers
How hide in html
CSS
1 vote345 views2 answers
Style input number arrows
CSS
4 votes319 views1 answer
Css first h element
CSS
0 vote291 views1 answer
Css flex fixed width
CSS
3 votes354 views2 answers
Css check if mobile
CSS
1 vote331 views3 answers
Remove table border html
CSS
72 votes424 views6 answers
Position absolute center
CSS
0 vote373 views1 answer
Css template columns and rows
CSS
0 vote348 views1 answer
Youtube css
CSS
25 votes307 views6 answers
Text stroke
CSS

Share