Javascript 未评估中的ng类

考虑以下js代码：

  // class inside controller TODO: refactor
  $scope.$watch('concat.country', function(newValue) {
    if (highRisk.indexOf(newValue) !== -1) {
      alert(newValue + " is a high risk country");
      $scope.riskClass = "highRisk";
    } else if (mediumRisk.indexOf(newValue) !== -1) {
      alert(newValue + " is a medium risk country");
      $scope.riskClass = "mediumRisk";
    } else {
      $scope.riskClass = "";
    }
  });

带模板

 <div ng-class="{{riskClass}}" class="col-lg-10">

这个逻辑非常有效。我可以在Chrome中看到ng类被设置为正确的值，但中的背景没有更改，元素检查器也没有显示该类

为什么不评估ng类<代码>{{riskClass}不合法/不正确

---

PS我知道这段代码还远远不够完美。

如果类名是字符串，则不需要ng类

<div class="col-lg-10 {{riskClass}}">

---

当您有一些bool条件时，您应该使用ng类，您要根据这些条件添加类。

ng class=“riskClass”

您不需要在

{{

ugh.30秒内包装。非常感谢。当您列出的文章继续在单个{}中包装时，您想知道这是如何工作的吗当在条件上添加类时可以执行此操作。例如：ng class=“{active:contition}”-在满足条件时将分配活动类。本文中的第一个示例是误用。

{active}

将只被评估一次，并且当

活动的

被更改时，将不会再次得到重新评估。或者它可能在过去工作过，angularjs自那时以来确实发生了很大的变化。