您可以链接ng级条件吗?

时间:2019-03-08 09:48:36

标签: html angularjs

所以正常的ng-class条件看起来像这样

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

但是是否可以将错误结果与其他条件一起使用?

类似

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

我已经按照上面的方法尝试过,但是没有用

2 个答案:

答案 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}"