0%

Angular 筆記 - Pipe 管線元件:percent

angular

percent 百分比

把數字轉換成百分比字串,

1
{{ value_expression | percent [ : digitsInfo [ : locale ] ] }}

digitsInfolocaleDecimalPipe 用法相同,只是 digitsInfo 的預設格式不同,會把百分比整理成整數。

HTML

1
2
3
4
5
<div>
<p>轉成百分比: {{b | percent}}</p>
<p>轉成百分比,小數點前四位數,小數點後兩位: {{b | percent:'4.3-5'}}</p>
<p>百分比轉為法國格式: {{b | percent:'4.3-5':'fr'}}</p>
</div>

TS

1
b = 0.259;

Demo