AngularJs how to filter negative number

Question

In angularJS I want to show negative number as red and positive as green.

I would like to apply a conditional CSS with ng-class. How do I check that number is negative?

<span ng-class="{true:'ok',false:'ko'}[number == ?what should I check?]">
    <b>Trend:</b>{{number}}
</span>

Davin Tryon · Accepted Answer · 2013-11-08 10:42:53Z

4

How about greater than or equal to 0 (for positive):

<span ng-class="{true:'ok',false:'ko'}[number >= 0]">
    <b>Trend:</b>{{number}}
</span>

The expression inside [ ] will be resolved to the boolean matching the previous statement in { }.

*Note: I'm assuming that the ok class is positive (green) and the ko class is negative (red). These css classes should be defined in your stylesheet.

edited Nov 8, 2013 at 10:42

answered Nov 8, 2013 at 10:37

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

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

Collectives™ on Stack Overflow

AngularJs how to filter negative number

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