Question

怎么用ng-class或者ng-style进行条件刷选?

Answer 1

ng-style的写法
<div ng-style="{color:(starttime==''&&endtime=='')?'red':(endtime==''?'yellow':'')}">实际付款啦是的金风科技</div>

ng-class的写法
.red{
color:red;
}
.yellow{
color:yellow;
}
<div ng-class="(starttime==''&&endtime=='')?'red':(endtime==''?'yellow':'')">实际付款啦是的金风科技</div>

1、想要达到ng-class的效果，有两种写法
1.class=“{{class}} class1 class2”
2.ng-class="{true: ‘active‘, false: ‘inactive‘}[isActive]"

第一种可以使用多个样式类，但官方并不提倡。还想用第二种方法，并且想用多个样式类改怎么办呢？
如下： ng-class="{‘class1 class2‘ : expression1}" ，当expression1为true，则显示单引号中的样式。