有条件地改变类Ionic2

Question

我想改变一个元素的classe，但我不知道如何处理Ionic 2。 我试过这种方式但是错了：

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

有人能解释我怎么做那样的想法吗？ ：）

Answer 1

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

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

Answer 2

您必须先提及班级名称，然后再加上条件

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

Answer 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">