Javascript 基于ng类更改背景颜色
您好,在表格单元格中,我正在尝试使用ng类选项根据值更改背景颜色Javascript 基于ng类更改背景颜色,javascript,css,angularjs,Javascript,Css,Angularjs,您好,在表格单元格中,我正在尝试使用ng类选项根据值更改背景颜色 <style> .color-blue { background-color: blue; } .color-red { background-color: red; } </style> <td> <span ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no , r.aNo}"&
<style>
.color-blue {
background-color: blue;
}
.color-red {
background-color: red;
}
</style>
<td>
<span ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no , r.aNo}">{{r.no-r.aNo}}</span>
</td>
.蓝色{
背景颜色:蓝色;
}
.红色{
背景色:红色;
}
{{r.no-r.aNo}}
这些值都运行良好。使用ng class
选项,可以更改背景色。但它显示值,但不显示背景色
请让我知道如何修复它,以便我可以显示基于正值或负值的背景色
谢谢我想你是指以下内容(请注意
试着把你的{{r.no-r.aNo}”
ng类
放在td
像这样
<td ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no < r.aNo}">
{{r.no-r.aNo}}
</td>
{{r.no-r.aNo}}
但呈现的HTML是什么?
<td ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no < r.aNo}">
{{r.no-r.aNo}}
</td>