数字管道的参数是什么-角度2

我使用了下面的数字管道将数字限制在小数点后两位。

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

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

174169 次浏览
小开
最佳答案

参数的语法如下:

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

因此，'1.2-2'的例子意味着:

  • 小数点之前至少会显示1位数字
  • 它将显示小数点后至少2位数字
  • 但不能超过两位数
小开

从 < a href = “ https://angular.io/api/common/DecimalPipe”rel = “ noReferrer”> DOCS

将数字格式化为文本 特定于区域设置的配置基于活动区域设置。

句法:

number_expression | number[:digitInfo[:locale]]

其中 expression是一个数字:

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

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
  • MinIntegerDigits 是要使用的最小整数位数。默认值为1
  • MinFractionDigits 是最小位数
  • 默认值为0.maxFractionDigits 是最大值 分数后的位数。默认为3。
  • LOCALE 是定义要使用的区域设置的字符串(默认使用当前 LOCALE _ ID)

DEMO

小开

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

小开

  1. 关于你的第一个问题，管道的工作原理如下:

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

    • MinIntegerDigits: 小数点前显示的最小整数位数，默认设置为1

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

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

2. 关于第二个问题，将小数点后零位过滤如下:

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

如需进一步阅读，请参阅以下 博客

小开

“0.0-0”会给你一个整数格式的数字，其中包括“ ,”

100000.2-> 100,000

很酷


提交答案