裏面怎麼ngClass鏈表達式中使用時，{...} []形式

Question

我怎樣才能添加其他表達式使用這種形式的ng-class指令：

ng-class="{true:'loading', false:'loading-done'}[data.loader===null]" 

我想補充一點像這個名單：

{highlight:isSpecial} 

是否有可能沒有擴大第一個表達式？

謝謝。

Answer 1

您當前正在使用ngClass（see the documentation）和「」表示空格分隔的類名稱的字符串。要添加其他類，它與其他用空格分隔：

<div ng-class="{true:'loading', false:'loading-done'}[data.loader===null] + (isSpecial ? ' highlight' : '')" /> 

但是你爲什麼要使用這樣一個醜陋的形式？一個更可讀的解決方法是使用「地圖一類的名字，以布爾值」：

<div ng-class="{loading: data.loader === null, loading-done: data.loader !== null, highlight: isSpecial}" />