使用具有来自 $scope 的值的 ng-class答案

【问题标题】：Using ng-class with value from $scope使用具有来自 $scope 的值的 ng-class
【发布时间】：2016-04-08 05:25:46
【问题描述】：

我有以下代码：

<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 标签上的文本颜色。我在这里错过了什么吗？

【问题讨论】：

【解决方案1】：

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

<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。

【讨论】：

【解决方案2】：

我完全智障了...就在我发布问题后答案变得显而易见...只需将代码更改为：

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

【讨论】：