Skip to content

Latest commit

 

History

History
60 lines (43 loc) · 1.74 KB

decimal-number.pipe.md

File metadata and controls

60 lines (43 loc) · 1.74 KB
Title Added Status Last reviewed
Decimal Number Pipe
v3.4.0
Active
2019-08-05

Decimal Number Pipe

Transforms a number to have a certain amount of digits in its integer part and also in its decimal part.

Basic Usage

Properties

Name Type Default value Description
digitsInfo DecimalNumberModel A format to apply to the date value. Date Pipe Formats.
locale string 'en-US' A locale id for the locale format rules to use.

Details

This pipe transforms a given number so it follows the set configuration for the pipe. You can change this configuration by changing the parameters in your app.config.json.

"decimalValues": {
    "minIntegerDigits": 1,
    "minFractionDigits": 0,
    "maxFractionDigits": 2
  }

You can also overwrite this config by passing a DecimalNumberModel as an argument for this pipe.

The number can be also localized so it applies commas and dots in the right place depending on the locale id in use.

Result

decimalNumberPipe.transform(1234.567);
//Returns '1,234.57'

decimalNumberPipe.transform(1234.567, digitsConfig, "it");
//Returns '1.234,57'

And now with a different config:

digitsConfig = {
    minIntegerDigits: 6,
    minFractionDigits: 4,
    maxFractionDigits: 4
};

decimalNumberPipe.transform(1234.567, digitsConfig);
//Returns '001,234.5670'

More info: Angular DecimalPipe