Angular 5 percent pipe digitInfo not working as expected

Question

If I do this in an Angular 5 template:

{{0.7 | percent:'1.2-5'}}

I get this as expected: 70.00%

However, when I do this:

{{0.07 | percent:'1.2-5'}}

I get 7.00000% instead of what the expected 7.00%

Am I just doing something wrong or is this a bug in Angular?

score 9 · Accepted Answer · answered Dec 06 '17 at 15:05

9

Seems like a bug with DecimalPipe because PercentPipe uses it for formatting. Simple removal of maxFractionDigits which is the maximum number of digits after fraction (default is 3) will get you the desired result:

{{0.7 | percent:'1.2'}} --> 70.00%
{{0.07 | percent:'1.2'}} --> 7.00%

answered Dec 06 '17 at 15:05

Stefan Svrkota

48,787
9
98
87

1

Thanks for your help, however, that doesn't help me as I do need to ensure a minimum of 2 and a maximum of 5 fraction digits. Perhaps I'll have to write my own filter on top of angular's till this is fixed? – Wagner Danda da Silva Filho Dec 06 '17 at 15:13
Please log an github issue, so community is aware of this bug. – Aravind Dec 06 '17 at 15:19

Angular 5 percent pipe digitInfo not working as expected

1 Answers1