ngClass combining multple conditions?

Question

How do I combine multiple conditions in Angular? im using angular 12 at the moment.

example:

[ngClass]="condition1 ? 'className1': 'classname2'" this works if condition 1 is true or false.

now how to add multiple?

[ngClass]='condition1 ? 'className1' : 'classname2' && conditionX ? 'classNameY' : 'classNameZ'"

only the first condition seems to be checked, anything else after the && doesn't show up

Answer 1

For multiple conditions you can do like this:

[ngClass]="[ condition1 ? 'className1' : 'className2', conditionX ? 'classNameY' : 'classNameZ']"

separate each condition with ','