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

Question

Я пытаюсь использовать несколько класс для моего элемента с помощью нг-класс

У меня есть что-то вроде

<div id='test' 
ng-class="{blue: test}" 
ng-class="scale ? 'scale' : 'non-scale'" 
> 
</div> 

Есть два условия здесь, и я не знаю, как совместить эти класса в один нг -класс. Может ли кто-нибудь мне помочь?

Answer 1

<div id="test" ng-class="{'blue':test, 'scale': scale, 'non-scale': !scale}"> 

Answer 2

<div id="test" ng-class="{ 
     blue: test, 
     scale: scale, 
     non-scale: !scale 
    }"> 
</div> 

должно работать.

Answer 3

Предыдущие ответы правильны, но если вы не хотите, чтобы оценить масштаб в два раза вы можете также использовать интерполяцию:

<div id="test" class="{{scale ? 'scale' : 'non-scale'}}" ng-class="{'blue':test}"> 

Или даже рефакторинга ваш CSS по умолчанию для масштабирования, а затем может добавить «немасштабирование» так же, как и синий.