我有數字 10。我需要用百分比顯示四位小數的數字。所以最后我應該有
10,0000 %
當我嘗試
{{ overallCostDeviation | percent:'4.1' }}
我得到 1,000.0%
我怎樣才能解決這個問題 ？
uj5u.com熱心網友回復：
要始終顯示 4 個小數位，您要查找的內容如下：
{{ overallCostDeviation | percent:'1.4-4' }}
根據檔案，digitsInfo字串的格式如下：
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
要獲得固定的小數位數，您需要將minFractionDigits和maxFractionDigits設定為相同的數字（在您的情況下為 4）。
另請注意，percent管道期望輸入值（即overallCostDeviation）為十進制形式：10% 應為0.1。
最后，用于表示十進制的符號與語言環境相關聯。默認語言環境是en-US，.用于十進制。如果要,用于十進制，則需要設定,用于十進制的語言環境。請參閱此 SO 帖子以了解如何注冊語言環境。
StackBlitz 示例：
- 在app.module.ts 中注冊語言環境
- app.component.html中百分比管道的示例用法
uj5u.com熱心網友回復：
百分比管道的作業原理是它采用十進制數（通常）。因此，如果您希望顯示 10%，您的值應該是0.10百分比管道將其視為 10%。好吧，如果您想使用百分比管道，則需要將您的值除以 100。
可以這樣做，使用 Sam 提供的實際管道引數：
{{ overallCostDeviation / 100 | percent:'1.4-4'}}
或者，如果您想使用數字管道（好吧，在這種情況下,將變為.，除非使用語言環境...）：
{{ overallCostDeviation | number:'1.4' }}%
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/375453.html
上一篇：如何以角度撰寫界面