how to display an empty string when a number is equal to 0 in angular expression

Question

<div>{{a.value | number:0}}</div>

this is what I have. I would like to display just "" if the value is 0. Anyway I can do that within the same line? or I have to filter it out in a controller.

Thanks

dfsq · Accepted Answer · 2014-11-05 21:53:28Z

5

Pretty ugly but you can do it like this:

<div>{{a.value ? (a.value | number:0) : '' }}</div>

Not sure if there is more clearer way though.

edited Nov 5, 2014 at 21:53

answered Nov 5, 2014 at 21:48

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Comments

Kursad Gulseven · Accepted Answer · 2014-11-05 21:54:09Z

2

Use ng-bind and ng-if. Like this:

<span ng-bind="a.value" ng-if="a.value"></span>

answered Nov 5, 2014 at 21:54

Kursad Gulseven

2,0081 gold badge27 silver badges28 bronze badges

1 Comment

dfsq Over a year ago

Then it will be <div ng-bind="a.value | number:0" ng-if="a.value"></div>. This is good!

Collectives™ on Stack Overflow

how to display an empty string when a number is equal to 0 in angular expression

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related