有條件地改變類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">