linkPercentPipe
npm Package | @angular/common |
---|---|
Module | import { PercentPipe } from '@angular/common'; |
Source | common/src/pipes/number_pipe.ts |
NgModule | CommonModule |
Formats a number as a percentage according to locale rules.
linkHow To Use
number_expression | percent[:digitInfo[:locale]]
linkDescription
Formats a number as percentage.
digitInfo
SeeDecimalPipe
for detailed description.locale
is astring
defining the locale to use (uses the currentLOCALE_ID
by default)
linkExample
@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;
}