如何使用angularjs或jQuery更改HTML表格中的文本颜色？

Question

我有桌子： 订单ID，状态

状态值:(关闭，取消）
价值来自maria-db。

我希望在html页面（表格）中看到这个结果。

• 关闭：颜色 - 红色
• 取消：颜色 - 绿色

这是我的标准：

<td>{{data.orderid}}</td>
<td>{{data.status}}</td>

我使用angularjs，（php用于连接）。

我试过了：

$('.status:contains("closed")').css('color', 'red'); 
$('.status:contains("canceled")').css('color', 'green');

Answer 1

你可以为这个

表达角度

1. 制作两个名为greenStyle和redStyle

   的样式

   .greenStyle {    颜色：绿色; }

   .redStyle {    红色; }

2. 在您的表格中添加。

＆＃13;
＆＃13;
<td>{{data.orderid}}</td>
<td class="{{data.status=='closed'?'redStyle':'greenStyle'}}">{{data.status}}</td>
＆＃13;
＆＃13;
＆＃13;