如何使用[ngClass]多類條件Angular4

Question

目前我的股利如下：

<div class="class-a" [ngClass]="{'class-b': !person.something}"> 

現在我想有另一種狀況......

所以現在我想這個div是class-a如果class-b如果其他class-c

我該怎麼做？

即時消息使用角度4.

謝謝！

Answer 1

樣特性將它添加到對象文本：

[ngClass]="{'class-b': !person.something, 'other-condition': isOther }" 

Answer 2

另一種選擇是從組件返回一個字符串，如果你認爲你需要更復雜的邏輯，或者知道只會有一個。這可能更易於測試。

您返回的任何字符串將呈現爲一個類（ES）

[ngClass]="renderClass()" 

renderClass() { 
    switch(this.user.theme){ 
    case "dark": 
     return "dark-theme" 
    case "light": 
     return "light-theme" 
    } 
}