angular js: several condition on a single attribute using NG-STYLE directive

Question

I am into an awkward problem where I need to change the color of the text depending on the situation

here is what I am doing.

ng-style="{'color': 
order.order_status_id === '2' ? 'red' :
order.order_status_id === '3' ? 'green' : 
order.order_status_id === '5' ? 'blue' : 
''}"

The way I am using is kind of a workaround. Is there an actual angular solution for the scenario?

Steeve Pitis · Accepted Answer · 2017-03-03 17:09:52Z

2

In my opinion you could do something like this, which is exactly the same but prettier.

In your controller define un object color:

$scope.color = {
  2: 'red',
  3: 'green',
  5: 'blue'
};

Then your ngStyle could be

ng-style="{'color': color[order.order_status_id]}"

That's all ;)

answered Mar 3, 2017 at 17:09

Steeve Pitis

4,4631 gold badge24 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

angular js: several condition on a single attribute using NG-STYLE directive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related