数字Pipe - Angular 2的参数是什么

时间:2016-07-20 09:54:02

标签: angular pipe decimal

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

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

我想知道背后的逻辑是什么?1.2-2'是?我已经玩过这些尝试实现一个过滤到零小数位但无效的管道。

5 个答案:

答案 0 :(得分:190)

该参数具有以下语法:

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

所以'1.2-2'的例子意味着:

  • 小数点前最少显示1位数
  • 小数点后至少显示2位数
  • 但不超过2位

答案 1 :(得分:5)

来自 DOCS

  

将数字格式化为文本。集团选型和分离器等   特定于语言环境的配置基于活动的区域设置。

<强>语法:

<强> number_expression | number[:digitInfo[:locale]]

expression 是一个数字:

digitInfo 是一个字符串,格式如下:

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
  • minIntegerDigits是要使用的最小整数位数。默认为1
  • minFractionDigits是最小位数
  • 分数之后。默认为0. maxFractionDigits是最大值 分数后的位数。默认为3。
  • locale是一个字符串,用于定义要使用的语言环境(默认使用当前的LOCALE_ID)

<强> DEMO

答案 2 :(得分:1)

'1.0-0'会给你 零小数位,即无小数。 例如$ 500

答案 3 :(得分:1)

  1. 关于第一个问题。管道的工作方式如下:

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

    • minIntegerDigits:小数点前显示的最小整数位数,默认设置为1
    • minFractionDigits:小数点后显示的最小整数位数

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

2。关于第二个问题,按如下所示过滤到零位小数:

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

答案 4 :(得分:0)

'0.0-0' 会给你带 ',' 的圆形格式化数字

100000.2 -> 100,000

很酷