ngClass 结合多个条件？

Question

如何在 Angular 中组合多个条件？我现在使用 angular 12。

示例：

[ngClass]="condition1 ? 'className1': 'classname2'" 这适用于条件 1 为真或假。

现在如何添加多个？

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

似乎只检查了第一个条件，&& 之后的任何其他条件都没有显示

Answer 1

要申请多个条件类，请参阅 Angular 文档。它有很好的解释。 Link

Answer 2

使用一个对象可以处理多种情况

<div [ngClass]="{'firstClass': true, 'secondClass': true, 'thirdClass': false}">
     // your code...
</div>

Answer 3

对于多个条件，您可以这样做：

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

用','分隔每个条件

ngClass combining multple conditions?