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

Question

I have table: order id,status

status value: (closed,canceled)
Value get from maria-db.

This result I want see in html page(table).

• closed: color -- red
• canceled: color -- green

This my td:

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

I use angularjs, (php for connection).

I tried this:

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

Answer 1

you can you angular expression for this

1. Make two style with name greenStyle and redStyle

   .greenStyle{ color:green; }

   .redStyle{ color:red; }

2. In your table add.

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

</div>