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

【问题标题】：Add class to existing classes using conditional [class]使用条件 [class] 将类添加到现有类
【发布时间】：2019-04-17 18:43:01
【问题描述】：

我正在使用离子离子图标

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

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

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

【问题讨论】：

在发送垃圾邮件解决方案之前......您使用的是 AngularJs 还是 Angular？您输入了两个标签，但框架完全不同。

标签： angular ionic-framework

【解决方案1】：

尽量避免直接绑定到class。

使用任一

[class.class1]="condition"

或

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

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

【讨论】：

【解决方案2】：

也许这是一个“老歌”，但这就是我解决问题的方法，以防有人正在寻找如何有条件地将类附加到现有类的示例。

基本上，我想保持fa 引导类的应用，并且只有在侧栏折叠与否时才从右到左更改人字形。还可以使用字符串文字和三元组，但会变得混乱，这种方式要好得多（我认为）。

<button (click)="showHideSideClicked()">
    <span class="fa" [ngClass]="{'fa-chevron-left': isSideNavVisible, 'fa-chevron-right': !isSideNavVisible}"></span>
</button>

更多信息@NgClass

【讨论】：