Angular CurrencyPipe货币管道关于人民币符号¥的问题

Posted 无er不乐的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Angular CurrencyPipe货币管道关于人民币符号¥的问题相关的知识,希望对你有一定的参考价值。

做项目(Angular项目)时经常需要处理金额的显示,需要在金额前面加上¥,但又不想用简单在前面加“¥”这么不优雅的方式,于是想到了CurrencyPipe。毕竟,CurrencyPipe还可以格式化数字。
按照官方提供的文档,我写出这样的代码:

<span>{{num | currency: ‘CNY‘:‘symbol-narrow‘}}</span>

刷新页面,应该没什么问题!
什么,怎么是CN¥,不应该是¥吗?
于是我检查代码,以为把symbol-narrow写成了symbol,可是并没有,百思不得其解!
原来这是Angular的问题!在Angular 2.x - 4.x版本里(5.x已经可以自动识别),在使用货币管道处理人民币之前,应先对Angular进行一些本地化的工作。
如何使其本地化?
在你的app module中:

import { LOCALE_ID } from ‘@angular/core‘;
@NgModule({
  providers: [
    { provide: LOCALE_ID, useValue: ch-CN" }
  ]
})

这样设置之后,刷新页面,现在可以正确显示¥了!

以上是关于Angular CurrencyPipe货币管道关于人民币符号¥的问题的主要内容,如果未能解决你的问题,请参考以下文章

Angular 4 - 如何在输入类型中使用货币管道

markdown Angular - 使用货币格式管道

货币管道格式错误

记一下吧,又记不住啦。pipe

Ionic 2,在 iOS 上使用 Angular 2 管道中断—“找不到变量:Intl”

找不到离子管