Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于ng类更改背景颜色_Javascript_Css_Angularjs - Fatal编程技术网

Javascript 基于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}"&

您好,在表格单元格中,我正在尝试使用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}">{{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>