所以正常的ng-class条件看起来像这样
ng-class="(condition1) ? 'Cond1true': 'Cond1NotTrue'"
但是是否可以将错误结果与其他条件一起使用?
类似
ng-class="(condition1) ? 'Cond1true': (condition2) ? 'Cond1False2True': 'Cond1False2False'
我已经按照上面的方法尝试过,但是没有用
答案 0 :(得分:2)
可能是您的condition2没有返回正确的值,否则您的代码应该可以工作。 工作代码示例:
控制器
$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>
答案 1 :(得分:1)
尝试在ngClass中使用此对象表示法概念。
[ngClass]="{'Cond1true':condition1, 'Cond1False2True': condition2, 'Cond1False2False':!condition2}"