AngularJs: ngClass с несколькими заявлениями

Question

мне нужно добавить два класса через один ng-class определения

Один выглядит

{true: 'bar', false: ''}[someVar === 'bar'] 

, а другой выглядит как

{foo: someOtherVar === 'foo'} 

Если я присоединяюсь к ним

<div ng-class="{true: 'bar', false: ''}[someVar === 'bar'],{foo: someOtherVar === 'foo'}"> 

не работает. Каков правильный синтаксис?

Answer 1

здесь вы можете сделать это следующим образом:

<div ng-class="{ 'bar' : someVar === 'bar', 'foo' : someOtherVar === 'bar' }"></div> 

Просто для краткости вы также можете сделать это, если вам нужно добавить два claases и проверки только одна переменная.

<div ng-class="{ 'bar foo' : expression1 }"></div> 

Answer 2

Попробуйте это:

<div ng-class="{'bar': someVar === 'bar', 'foo': someOtherVar === 'foo'}"> 

Надежда, это поможет.

Answer 3

Сначала необходимо ввести класс css в кавычки, а затем инструкцию, которая после этого возвращает значение true или false.

Например:

<div ng-class="'bar':someVar==='bar', 'foo':someOtherVar ==='foo'>