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
– Tarun Dugar, Commented May 14, 2016 at 13:52
Also, if you want another condition, just add another comma and an expression, eg: <div ng-class="{'class1': true, 'class2': true, 'class3': true}"> — xtrinch
– xtrinch, Commented May 14, 2016 at 14:06

Tushar · Accepted Answer · 2016-05-14 14:33:53Z

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, 2016 at 14:33

Tushar

1,1231 gold badge12 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related