有条件地更改类 Ionic2答案

【问题标题】：Change classes conditionally Ionic2有条件地更改类 Ionic2
【发布时间】：2017-05-07 21:12:21
【问题描述】：

我想更改一个元素的类，但我不知道如何使用 Ionic 2 进行处理。我试过这种方式，但它是错误的：

<span [ngClass]="{(user.id == this.session.userDefaultId) : 'class1 class2', (user.id != this.session.userDefaultId) : 'class3 class4'}">
...
</span>

有人可以解释一下我该怎么做吗？ :)

【问题讨论】：

标签： angular typescript ionic2

【解决方案1】：

您可以使用简单的三元运算符为您的示例设置类。

<span [ngClass]="(user.id == this.session.userDefaultId) ? 'class1 class2' : 'class3 class4'">
...
</span>

【讨论】：

【解决方案2】：

你必须先提到类名，然后是条件

<span [ngClass]="{'class1 class2' : (user.id == this.session.userDefaultId), 'class3 class4':(user.id != this.session.userDefaultId)}">
...
</span>

【讨论】：

【解决方案3】：

试试这个

<span [class.class1]="user.id == this.session.userDefaultId" [class.class2]="user.id == this.session.userDefaultId" [class.class3]="user.id != this.session.userDefaultId" [class.class4]="user.id != this.session.userDefaultId">

【讨论】：