Css 基于使用ng if和ng样式的条件更改表格单元格文本颜色
我想在表格单元格中显示文本,根据以下某些条件使用交替颜色组合Css 基于使用ng if和ng样式的条件更改表格单元格文本颜色,css,angularjs,html-table,Css,Angularjs,Html Table,我想在表格单元格中显示文本,根据以下某些条件使用交替颜色组合 <tr ng-repeat="x in data"> <td> <span ng-if="((x.time2 < x.time1) || (x.time2 < x.time3))" ng-style="color:red" {{x.val}}></span> <span ng-if="((x.time2 === x.time1) && (x.time
<tr ng-repeat="x in data">
<td>
<span ng-if="((x.time2 < x.time1) || (x.time2 < x.time3))" ng-style="color:red" {{x.val}}></span>
<span ng-if="((x.time2 === x.time1) && (x.time2 === x.time3)" ng-style="color:blue" {{x.val}}></span>
</td>
</tr>
但是我没有得到以红色显示的值,尽管x.time2小于x.time1。样本时间值为time1=2017-03-15 06:06:56、time2=2017-03-08 07:09:40和time3=2017-03-08 07:09:40。所有时间值均为字符串格式。请尝试以以下方式更改代码:
<table>
<tbody>
<tr ng-repeat="x in data">
<td>
<span ng-if="x.time2 < x.time1 || x.time2 < x.time3" ng-style="{color: 'red'}" >{{x.val}}</span>
<span ng-if="x.time2 === x.time1 && x.time2 === x.time3" ng-style="{color: 'blue'}" >{{x.val}}</span>
</td>
</tr>
</tbody>
</table>
我还把x.val移到了span内。。。我不知道这是否是一个错误。正在打印值,但颜色没有改变。我尝试过,在我的情况下,它可以工作。。。你在颜色的名称上加了花括号和引号吗?我忘了在引号里加上颜色名称,即红色和蓝色。现在它正在工作。非常感谢。