How to change table row color based on 3 condition in angularJs

Question

I am created a AngularJs application.I need to change table row background color based on 3 condition.I know to change background color based on 2 condition using following way

<td ng-class="{'red': (variable == 1), 'blue': (variable ==2)}">{{data.material_or_service}</td>

I need to do above using three condition;that is variable==3.is any way to do it.

What do you want to achieve? I only see one condition on two separated properties in `ngClass`. — Tarun Dugar, May 14 '16 at 13:52
See this question: http://stackoverflow.com/questions/18871277/adding-multiple-class-using-ng-class — xtrinch, May 14 '16 at 14:01
Also, if you want another condition, just add another comma and an expression, eg: — xtrinch, May 14 '16 at 14:06

score 2 · Accepted Answer · answered May 14 '16 at 14:33

2

You can make use of ternary operators like this

<td ng-class="variable === 1 ? 'red' : variable === 2 ? 'blue' : 'green'">{{data.material_or_service}}</td>

answered May 14 '16 at 14:33

Tushar

1,115
1
10
26

How to change table row color based on 3 condition in angularJs

1 Answers1