javascript - Angular ng 类动态 CSS

Question

有如下代码:

HTML:

<tr ng-repeat="o in orders" ng-class="getOrderClass(o)">

CoffeeScript :

  $scope.getOrderClass = (o) ->
    switch o.orderStatus.title
      when 'New' then 'new-order'
      when 'Completed' then 'completed-order'

它的代码看起来不错，但有一个问题:页面加载后，我在“ng-class”属性中看到“new-order”类或“completed-order”类，而不是在“class”中。错误在哪里？提前致谢

Answer 1

你可以使用那个结构

ng-class="{'new-order' : o.orderStatus.title == 'New', 'completed-order' : o.orderStatus.title == 'Completed'}"