Angularjs 使用Angular JS更改HTML表格单元格背景颜色

我刚刚开始在我的项目中使用Angular JS

我一直在寻找一种根据角度JS表达式的值改变HTML表格单元格背景颜色的方法，但还没有找到解决方案

这是单元格：

<td>{{data.material_or_service}</td>

{{data.material\u或\u service}

---

欢迎任何帮助

您应该使用

ng类

：

例如：

css:

角度视图：

<td ng-class="{'red': (variable == 1), 'blue': (variable ==2)}">{{data.material_or_service}</td>

---

是红色的。

请参阅

ng class

，它允许您使用条件将类设置为DOM元素谢谢Pierre，而不是变量？我尝试如下：{data.material\u或\u service}}并且没有任何更改，只有{data.material\u或\u service}的值是shown@mvasco：我更新了帖子，为您提供了一个示例，让您插入代码中进行测试。问题是我失败了，它是ng类中的

'red'

，而不是

red

。（我的错，对不起）。在js控制台中，您应该有一个错误。但不是这行：{data.material\u或{service}@mvasco：编辑以添加第二次尝试：它适用于td，因此我打赌material_或_服务的值是错误的。请尝试将

{{material_或_服务| json}放在您的前面，以查看其值。

选中，值为“1”，如预期的那样。

<td ng-class="{'red': (variable == 1), 'blue': (variable ==2)}">{{data.material_or_service}</td>

<div ng-class="{'red' : (test != null)}">
  hey !
</div>

<div ng-class="{'red' : (test == null)}">
  hey 2 !
</div>

<table>
<tr>
<td ng-class="{'red' : (test == null)}">
  hey !
</td>
</tr>
</table>