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>

Answer 2

我认为您的意思是：（注意<而不是,）。

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

根据ng-class改变背景颜色

2 个答案: