How can we write two ngClass in one div?

Question

Can we add two ng-class in one div? If so then how to write it. How can we write this together?

Thank you in advance.

<div [ngClass]={'white-background': policy number.length <=0}
[ngClass]="getSomeClass()">

Yes, you can. Furthermore, can't you write everything in one function something like: `
` — Nicholas K, May 18 '22 at 18:08

score 1 · Accepted Answer · answered May 18 '22 at 19:01

1

You can do this

<div [ngClass]="{'class1': getClass1(), 'class2': getClass2()}">
</div>

With getClass1() and getClass2() returning true or false to conditionally apply class1, class2.

answered May 18 '22 at 19:01

cybering

very interesting, always thought that was not possible – Rodrigo Assis Neves May 18 '22 at 21:50
Here you'll find more about `[ngClass]`. Supports `ngClass: string | string[] | Set | { [klass: string]: any; }`. https://angular.io/api/common/NgClass – cybering May 18 '22 at 21:57

score 0 · Answer 2 · answered May 19 '22 at 16:09

0

This worked for me

[ngClass]=['getSomeClass()', policyNumber.length<=0 ? 'white-background' : '']

answered May 19 '22 at 16:09

aria08

2 Answers2