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

Question

我有表: 订单ID、状态

状态值:(关闭、取消)
从 maria-db 获取值。

我想在 html 页面(表)中看到这个结果。

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

这是我的TD:

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

我使用 angularjs，(php 用于连接)。

我尝试过这个:

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

Answer 1

你可以对此进行 Angular 表达

1. 创建两个样式，分别命名为 greenStyle 和 redStyle

   .greenStyle{ 颜色:绿色； }

   .redStyle{ 红色; }

2. 在您的表格中添加。

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