Angular Decimal pipe to display significant digits

Question

How to use the Angular Decimal pipe to display the most 5 significant digits from a number as follows:

123.456789 => 123.45
12.3456789 => 12.345
0.12345678 => 0.12345
0.00123456 => 0.00123
1234567.89 => 1234567

Some extreme cases

12         => 012.00

Answer 1

It should be as follows,

  <h1>{{ amount |  number:'3.2-2'}} </h1>

'3.2-2' means:

• A minimum of 3 digit will be shown before decimal point

• It will show at least 2 digits after decimal point

• But not more than 2 digits

DEMO