How to change text color in HTML table with angularjs or jQuery?

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).

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

Cool. How have you tried to accomplish your goal? (We're not here to write code for you; we're here to help you with your code. Please take the tour and read How to Ask.) — Chris
– Chris, Commented Mar 31, 2018 at 15:22
$('.status:contains("closed")').css('color', 'red'); $('.status:contains("canceled")').css('color', 'green'); — Shoma
– Shoma, Commented Mar 31, 2018 at 15:28
Please show your relevant HTML also. And are you asking about jQuery or Angular? Which libraries are loaded? — jtheman
– jtheman, Commented Mar 31, 2018 at 15:33

Deepu Reghunath · Accepted Answer · 2018-03-31 15:58:38Z

3

you can you angular expression for this

Make two style with name greenStyle and redStyle

.greenStyle{ color:green; }

.redStyle{ color:red; }
In your table add.

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

answered Mar 31, 2018 at 15:58

Deepu Reghunath

10.1k2 gold badges42 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1