ng-class未评估

Question

考虑这个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-class设置为正确值，但后台未更改，元素检查器不显示该类。

为什么没有评估ng-class？ {{riskClass}}不合法/正确？

PS我知道这段代码远非完美。

Answer 1

如果类名是字符串......

，你不需要ng-class

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

当你有一些你想要添加课程的bool条件时，你应该使用ng-class。