使用带有$ scope值的ng-class

Question

我有以下代码：

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

Css看起来像：

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

严重性是$ 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。