Answers for "css ngclass"

5

ngClass

//Type one
[class.my_class] = "step === 'step1'"

//Type two
[ngClass]="{'my_class': step === 'step1'}"
and multiple option:
[ngClass]="{'my_class': step === 'step1', 'my_class2' : step === 'step2' }"

//Type three
[ngClass]="{1 : 'my_class1', 2 : 'my_class2', 3 : 'my_class4'}[step]"

//Type four
[ngClass]="step == 'step1' ? 'my_class1' : 'my_class2'"
Posted by: Guest on June-07-2021
0

ngClass

[ngClass]="step == 'step1' ? 'my_class1' : 'my_class2'"
Posted by: Guest on April-27-2021
1

ngclass

[ngClass]="{'my_class': step === 'step1', 'my_class2' : step === 'step2' }"
Posted by: Guest on January-05-2022

Browse Popular Code Answers by Language