PercentPipe
Transforms a number to a percentage string, formatted according to locale rules that determine group sizing and separator, decimal-point character, and other locale-specific configurations.
{{ value_expression | percent [ : digitsInfo [ : locale ] ] }}
NgModule
Input value
value | any |
The number to be formatted as a percentage. |
Parameters
digitsInfo | string |
Decimal representation options, specified by a string
in the following format:
Optional. Default is |
locale | string |
A locale code for the locale format rules to use.
When not supplied, uses the value of Optional. Default is |
See also
Usage notes
The following code shows how the pipe transforms numbers
into text strings, according to various format specifications,
where the caller's default locale is en-US
.
- @Component({
- selector: 'percent-pipe',
- template: `<div>
- <!--output '26%'-->
- <p>A: {{a | percent}}</p>
-
- <!--output '0,134.950%'-->
- <p>B: {{b | percent:'4.3-5'}}</p>
-
- <!--output '0 134,950 %'-->
- <p>B: {{b | percent:'4.3-5':'fr'}}</p>
- </div>`
- })
- export class PercentPipeComponent {
- a: number = 0.259;
- b: number = 1.3495;
- }