What are the parameters for the number Pipe - Angular 2

Question

I have used the number pipe below to limit numbers to two decimal places.

{{ exampleNumber | number : '1.2-2' }}

I was wondering what the logic behind '1.2-2' was? I have played around with these trying to achieve a pipe which filters to zero decimal places but to no avail.

Answer 1

The parameter has this syntax:

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

So your example of '1.2-2' means:

• A minimum of 1 digit will be shown before decimal point
• It will show at least 2 digits after decimal point
• But not more than 2 digits

Answer 2

1. Regarding your first question.The pipe works as follows:

   numberValue | number: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

   • minIntegerDigits: Minimum number of integer digits to show before decimal point,set to 1by default

   • minFractionDigits: Minimum number of integer digits to show after the decimal point

   • maxFractionDigits: Maximum number of integer digits to show after the decimal point

2.Regarding your second question, Filter to zero decimal places as follows:

{{ numberValue | number: '1.0-0' }}

For further reading, checkout the following blog