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

Question

Я пытаюсь установить несколько условий в моем ng-классе в моем приложении. У меня есть что-то вроде

<div id='wrapper' ng-class="{red: !isBlue(), 
           highlight ? 'yellow' : 'black'}" 
ng-show="test">Test</div> 

JS

$scope.highlight = false; 

Моя проблема заключается в том, что я получил ошибку синтаксиса при условии нг-класса.

Syntax Error: Token ';' is unexpected, expecting [}] at column 48... 

Я не уверен, как это исправить. Может ли кто-нибудь мне помочь? Благодаря!

Answer 1

вы можете использовать несколько классов, как это, вам нужно добавить отдельные классы для highlight и !highlight

<div id='wrapper' 
       ng-class="{'red': !isBlue(), 'yellow':highlight ,'black':!highlight }" 
       ng-show="test"> 
     Test 
</div> 

здесь демонстрационный Plunker (ng-class)

---

у вас есть еще один альтернативный ng-style с этим вы можете добиться чего-то вроде u попытался,

<div id='wrapper' ng-style="{color: (highlight ? 'yellow' : 'green')}" ng-show="test">Test</div> 

описание: Демо-версия Plunker (ng-style)