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

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');

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>