javascript - 基于 ng-class 改变背景颜色

Question

您好，在表格单元格中，我正在尝试使用 ng-class 选项根据值更改背景颜色

<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>

这些值都工作正常。使用 ng-class 选项可以更改背景颜色。但它显示值但没有背景颜色。

请告诉我如何修复它，以便我可以根据正值或负值显示背景颜色。

谢谢

Answer 1

尝试将您的ng-class 放入td

像这样

<td  ng-class="{'color-blue': r.no > r.aNo,'color-red': r.no < r.aNo}">
  {{r.no-r.aNo}}
</td>