使用 ng-class 和 $scope 的值

Question

我有以下代码：

<td ng-class="severityColor" ng-model="severity">text</td>

Css 看起来像：

.critical {
  color: red;
}
.warning {
  color: orange;
}
.info {
  color: black;
}

Severity 是 $scope 中的一个变量，如果我这样做：

<p>{{severity}}</p>

它相应地打印严重、警告或信息。但这并没有改变 td 标签上的文本颜色。我在这里遗漏了什么吗？

Answer 1

我完全是智障...我一发布问题，答案就显而易见了...只是将代码更改为：

<td ng-class="severity">text</td>

Answer 2

您可以通过多种方式进行。例如：

<td ng-class="{{severityColor}}" ng-model="severity">text</td>

或

<td class="{{severityColor}}" ng-model="severity">text</td>

甚至用数组表示法：

<td ng-class="[severityColor]" ng-model="severity">text</td>

但是，...您最初的尝试也应该有效，这意味着您可能有一个命名错误（？）：severityColor 而不是 severity。

Using ng-class with value from $scope