Можете ли вы связать условия нг-класса?

Question

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

ng-class="(condition1) ? 'Cond1true': 'Cond1NotTrue'"

Возможно ли, однако, следовать ложному результату с другим условием?

Что-то вроде

ng-class="(condition1) ? 'Cond1true': (condition2) ? 'Cond1False2True': 'Cond1False2False'

Я пробовал это выше, но это не работает

Answer 1

Может быть ваше условие2 не возвращает правильное значение, иначе ваш код должен работать.Пример рабочего кода:

контроллер

$scope.condition = 'y';
$scope.condition2 = 'x';

css

.classOne{
    color: red;
}
.classTwo{
    color: blue;
}

html

<div ng-class="(condition == 'x') ? 'classOne': (condition2 == 'x')?'classTwo':'classThree'">ok</div>

Answer 2

попробуйте эту концепцию обозначения объекта в ngClass .

[ngClass]="{'Cond1true':condition1, 'Cond1False2True': condition2, 'Cond1False2False':!condition2}"