Как настроить имя класса в моем случае

Question

Я пытаюсь объединить условия условия ng-класса в моем случае.

У меня есть следующие утверждения.

<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: от эту функцию вы можете вернуть объект или массив классов или строку.