What are the parameters for the number Pipe - Angular 2

angular pipe decimal
rushtoni88 picture rushtoni88 · Jul 20, 2016 · Viewed 116.3k times · Source

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

rinukkusu picture rinukkusu · Jul 20, 2016

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

Related questions

Limit to 2 decimal places with a simple pipe

I have found an example which limits a number to 2 decimal places AND turns the figure into a currency amount- eg £2.55. {{ number | currency : 'GBP' : true : '1.2-2'}} Is there a simple pipe which does the same without applying a …

Read More
Using Pipes within ngModel on INPUT Elements in Angular

I've an HTML INPUT field. <input [(ngModel)]="item.value" name="inputField" type="text" /> and I want to format its value and use an existing pipe: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... and get the error message: Cannot have a pipe …

Read More
Angular 4: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'

i need your help, i'm trying to display some datas from my firebase but it trhows me an error like InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'. There is my service: import { Injectable } from '@angular/core'; import { AngularFireDatabase } …

Read More