如何在我的情况下设置类名

Question

我试图在我的案例中结合ng-class条件语句。

我有以下陈述。

<div ng-class="item.new ? 'newItem' : 'oldItem'; 'discount' : item.getType === true && item.getSave === true">{{item.name}}</div>

我收到解析错误。

Syntax Error: Token ':' is an unexpected 

我不知道如何解决这个问题。任何人都可以帮我吗？非常感谢

Answer 1

请改用此语法：

<div ng-class="{newItem: item.new, oldItem: !item.new, discount: item.getType === true && item.getSave === true}">

或者将你的逻辑放在一个函数中：

<div ng-class="getClasses(item)">

在你的控制器中：

$scope.getClasses = function(item) {
  return {
    newItem: item.new,
    oldItem: !item.new,
    discount: item.getType === true && item.getSave === true
  };
}

FYI：从该函数中，您可以返回一个对象，一个类数组或一个字符串。