Блог

В настоящее время у меня есть контейнер, который присваивает ему класс dark, если длина больше 0.

 <div ng-class="{dark: name.length > 0}">Hi</div>
  

Есть ли способ добавить к этому другое условие? Так что, может быть, если нет, присвоите ему класс white. Или совершенно другой условный оператор, чтобы присвоить ему класс white?

Нравится это?

 <div ng-class="{'dark': name.length > 0, 'white': name.length <= 0}">Hi</div>
  

Вы можете использовать троичный оператор Angular

 <div ng-class="(name.length > 0) ? 'dark' : 'white'">Hi</div>
  

Я думаю, это то, что вы ищете, вы могли бы добавить столько условий, сколько хотите для класса:

  <div ng-class="{'dark': name.length > 0 || name.length !> 10 , 'light': name.length < 0}">Hi</div>
  

Вы могли бы использовать условный оператор (троичный), если он основан на том же условии

 <div ng-class="name.length ? 'white' : 'dark'">Hi</div>
  

Если вам нужны разные условия для каждого класса, вы могли бы сделать

 <div ng-class="{'dark': name.length > 0, 'white': name.length == 5}">Hi</div>
  

Я использовал name.length == 5 в качестве примера для white класса