ng-class不适用于表达式

Question

我有一个模型，它是一个对象数组

Javascript：

$scope.itemClass = [];
// a loop that generates these for each item
$scope.itemClass[someNumberOrString] = {categoryClass: "", otherClass: ""};

我的风格定义如下：如果课程正常，请将背景颜色设为绿色

.ok { background-color: green; }

我的HTML将模型与样式联系起来

<td ng-class="{{itemClass[someNumberOrString].categoryClass}}">Some text</td>

当我检查来源时，我得到了这个，但我的背景不是绿色的：

<td ng-class="ok" class="ng-binding">Some text</td>

我在这里做错了吗？如何获取要应用的颜色

Answer 1

ng-class已经需要一个表达式，因此双花括号会导致表达式被计算两次。只需写下：

<td ng-class="itemClass[someNumberOrString].categoryClass">Some text</td>

它应该有用。