/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

0 vote194 views2 answers
Tailwindcss link styling
CSS
37 votes202 views4 answers
Css circle border
CSS
6 votes189 views2 answers
Css grid full width row
CSS
2 votes266 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
12 votes208 views6 answers
Responsive text
CSS
2 votes195 views1 answer
E/ViewRootImpl: sendUserActionEvent() mView returned.
CSS
0 vote216 views1 answer
Fill and no repeat background image css
CSS
0 vote192 views1 answer
Codebuddysurej
CSS
0 vote193 views1 answer
Position absolute center with transform
CSS
0 vote208 views1 answer
Add image under header html
CSS

Share