Question

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

比如当 item.endtime==“”时，div的颜色变为黄色，当item.starttime和item.endtime都为空时，div变为红色。。

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，则显示单引号中的样式。

Answer 2

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>

这里我是测试做的, 你用的时候 可能starttime/endtime前面 要加上item.