javascript - 如何在我的案例中设置类名

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)">

在你的 Controller 中:

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

仅供引用:您可以从该函数返回一个对象、类数组或字符串。