Angular 9 系列（五）格式化金额货币格式

小渣渣

Angular 9 系列（一）动态加载组件
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 系列（二）动态组件传参
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 系列（三）订阅动态组件事件
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 系列（四）自定义 Pipe 管道
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 系列（五）格式化金额货币格式
https://www.itsvse.com/thread-9249-1-1.html

angular 框架自带将数字格式化为货币（currency）的管道，我一开始并不是在，所以，自己从网上找了一些资料，然后自己实现了一下，代码如下：

登录可见。

支持前缀和后缀。
我们其实可以直接用 CurrencyPipe 即可。

CurrencyPipe

把数字转换成金额字符串， 根据本地化规则进行格式化，这些规则会决定分组大小和分组分隔符、小数点字符以及其它与本地化环境有关的配置项。

输入值

value any

要格式化为货币的数字。

参数

currencyCode	string	ISO 4217 中的货币代码，比如 USD 表示美元，EUR 表示欧元。可以用 DEFAULT_CURRENCY_CODE 这个注入令牌来配置默认货币代码。可选. 默认值是 undefined.
display	string | boolean	货币指示器的格式，有效值包括：code: 展示货币代码（如 USD）。symbol(default): 展示货币符号（如 $）。symbol-narrow: 使用区域的窄化符号，它包括两个符号。 比如，加拿大元的符号是 CA$，而其窄化符号是 $。如果该区域没有窄化符号，则使用它的标准符号。String: 使用指定的字符串值代替货币代码或符号。 比如，空字符串将会去掉货币代码或符号。Boolean（从 v5 开始已弃用）：true 表示货币符号，false 表示货币代码。可选. 默认值是 'symbol'.
digitsInfo	string	数字展现的选项，通过如下格式的字符串指定：{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}。minIntegerDigits：在小数点前的最小位数。默认为 1。minFractionDigits：小数点后的最小位数。默认为 0。maxFractionDigits：小数点后的最大为数，默认为 3。 如果没有提供，该数字就会根据 ISO 4217 规范进行适当的格式化。 比如，加拿大元具有 2 位数字，而智利比索则没有。可选. 默认值是 undefined.
locale	string	要使用的本地化格式代码。 如果未提供，则使用 LOCALE_ID 的值，默认为 en-US。 参见为你的应用设置地区（locale）。可选. 默认值是 undefined.

效果图如下：