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" }
  ]
})

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,856评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,793评论 19 139
  • 原创: 《中产阶级的新苦恼》 众筹七期 冯志慧 也许,经过多年打拚的你,终于...
    冯志慧阅读 3,290评论 0 0
  • 夜里隔墙的雨滴 我悄悄问了它几句 风来就穿梭过巷口 这夜深安静地沉睡着 谁还去想那么多的失意 月亮躲在了云层里 逃...
    三玄阅读 2,649评论 4 2
  • 通过python设计实现队列以及栈,复习一下数据结构 队列:先进先出 class Stack(object):de...
    yatttto阅读 2,415评论 0 0