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

Question

我正在使用 ionic ionic 图标

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

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

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

Answer 1

尽量避免直接绑定(bind)到class。

使用其中之一

[class.class1]="condition"

或

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

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