Angular ngClass多個三元運算符條件

Question

在angular的ngClass指令中放置超過1個三元條件類的最佳方式是什麼？其中值是類名？

我試着對這個有一些變化，但我總是得到一個編譯錯誤：

ng-class="$index > 2 ? 'l3 m4 s12 medium' : 'l4 m6 s12 medium', true ? 'red':'blue'

ng-class="{$index > 2 ? 'l3 m4 s12 medium' : 'l4 m6 s12 medium', true ? 'red':'blue'}

Answer 1

我對納克級的首選語法如下，因爲它是明確你正在添加哪些類。

ng-class={ 'className' : yourConditionHere, 'class2' : anotherConditionHere } 

試試看。

Answer 2

雖然我完全了​​解明確顯示你的類名@SamuelMS同意...

如果你真的想使用多個三元運算符（或只是好奇），你可以這樣做是這樣的：

ng-class="($index > 2 ? 'l3 m4 s12 medium' : 'l4 m6 s12 medium') + ' ' + (true ? 'red' : 'blue')"