数字管道的参数是什么 - Angular 2

Question

我已经使用下面的数字管道将数字限制为两位小数。

{{ exampleNumber | number : '1.2-2' }}

我想知道“1.2-2”背后的逻辑是什么？我玩过这些，试图实现一个过滤到小数点后零位但无济于事的管道。

Answer 1

参数的语法如下：

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

所以你的例子 '1.2-2' 意思是：

• 小数点前至少保留一位
• 小数点后至少显示2位
• 但不超过2位数

Answer 2

来自DOCS

Formats a number as text. Group sizing and separator and other locale-specific configurations are based on the active locale.

语法：

number_expression | number[:digitInfo[:locale]]

其中 expression 是一个数字：

digitInfo 是一个具有以下格式的字符串：

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

• minIntegerDigits 是use.Defaults到1
的最小整数位数
• minFractionDigits 是最小位数
• 分数后。默认为 0。maxFractionDigits 是最大值 分数后的位数。默认为 3。
• locale 是定义要使用的语言环境的字符串（默认使用当前 LOCALE_ID）

DEMO

Answer 3

'1.0-0'会给你 零位小数，即没有小数。 例如 $500

Answer 4

1. 关于您的第一个 question.The 管道工作方式如下：

   numberValue | number: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

   • minIntegerDigits：小数点前最小整数位数，默认为1

   • minFractionDigits：小数点后显示的最小整数位数

   • maxFractionDigits：小数点后显示的最大整数位数

2.Regarding你的第二个问题，过滤到小数点后零位如下：

{{ numberValue | number: '1.0-0' }}

如需进一步阅读，请查看以下内容blog

Answer 5

'0.0-0' 将为您提供带','

的圆形格式数字

100000.2 -> 100,000

很酷