使用条件[class]将类添加到现有类中

Question

我正在使用离子离子图标

<ion-icon name="checkmark" [class]="condition ? 'class1' : ''"></ion-icon>

如果条件为true，我想添加一个额外的类，但如果条件为false，则不要添加该额外的类。

问题是，如果条件为假，它将从Ionic Framework中删除图标上的所有预定义类。

Answer 1

尽量避免class直接绑定。

使用任一

[class.class1]="condition"

要么

[ngClass]="condition ? 'class1' : ''"

通过绑定，class您可以显式绑定整个属性值，而不是单个类。