在angularJS
我希望将负数显示为红色,将正数显示为绿色。
我想将条件CSS
应用于ng-class
。如何检查该数字是否为负?
<span ng-class="{true:'ok',false:'ko'}[number == ?what should I check?]">
<b>Trend:</b>{{number}}
</span>
答案 0 :(得分:3)
大于或等于0(对于正数):
<span ng-class="{true:'ok',false:'ko'}[number >= 0]">
<b>Trend:</b>{{number}}
</span>
[ ]
内的表达式将被解析为与{ }
中前一个语句匹配的布尔值。
* 注意:我假设ok
类为正(绿色),ko
类为负(红色)。这些css类应该在样式表中定义。