How to show 0.00 instead of 0

Question

export class AppComponent  {
  value1 = 0;
  value2 = 0.00;
  value3 = 0.01;
}

<p>
  {{value1}} - shows 0
</p>
<p>
  {{value2}}  shows 0
</p>
<p>
  {{value3}}  shows 0.01
</p>

Hello, I need to show values in html with 2 places after decimal. For example I need to show 0.00 when it's 0. Is it possible? Stackblitz link - https://stackblitz.com/edit/angular-4cm9yr

You are probably looking for the [decimal pipe](https://angular.io/api/common/DecimalPipe) — Ploppy, Oct 10 '18 at 12:13
The number `0.00` is the same as `0`. Its string representation is `'0'`. — clabe45, Oct 10 '18 at 12:14

score 2 · Answer 1 · edited Oct 10 '18 at 13:06

2

Use .toFixed(decimals)

(0).toFixed(2); -> 0.00

edited Oct 10 '18 at 13:06

Constantin Chirila

1,979
2
19
33

answered Oct 10 '18 at 12:15

konenas

80
1
12

How to show 0.00 instead of 0

1 Answers1