ngClass-創建一個包含角表達式的類名

Question

我想基於對一個角度表達式的求值來創建類名，但是看來angular從最終編譯的類中刪除了這些表達式。 遍歷單元格時，假定以下代碼：

<td ng-class="{'label{{cell.count}}': !!cell.count}"></td>

我的目標是當cell.count = 1時，結果類為“ label1”，當cell.count = 2時，“ label2”等。實際上，發生的是angular丟棄了最終類中的表達式-只要作為!! cell.count，無論計數如何，我都會獲得“標簽”類。 我該如何實現？

Answer 1

嘗試這個：

<td ng-class="{'label'+cell.count: !!cell.count}"></td>

如果過於復雜，您也可以將整個對象移到合並范圍內的函數中。

<td ng-class="getCellClass()"></td>

接着：

$scope.getCellClass = function() { ... }

您的問題是{{...}}替代在這里不合適。 您必須使用角度表達式來創建對象，或者，如果您在范圍內調用方法，則可以執行創建它所需的任何JavaScript。

Answer 2

您是否嘗試過： <td ng-class="'label' + cell.count"></td> -在我的項目中，簡單地不使用花括號就可以了（角度1.5）。

Answer 3

我遇到過同樣的問題。 我設法解決這個問題：

<td ng-class="{['label' + cell.count]: !!cell.count}"></td>