Angular CurrencyPipe货币管道关于人民币符号¥的问题
2017-12-11 17:07
267 查看
做项目(Angular项目)时经常需要处理金额的显示,需要在金额前面加上¥,但又不想用简单在前面加“¥”这么不优雅的方式,于是想到了CurrencyPipe。毕竟,CurrencyPipe还可以格式化数字。
按照官方提供的文档,我写出这样的代码:
刷新页面,应该没什么问题!
什么,怎么是CN¥,不应该是¥吗?
于是我检查代码,以为把
原来这是Angular的问题!在Angular 2.x - 4.x版本里(5.x已经可以自动识别),在使用货币管道处理人民币之前,应先对Angular进行一些本地化的工作。
如何使其本地化?
在你的app module中:
这样设置之后,刷新页面,现在可以正确显示¥了!
按照官方提供的文档,我写出这样的代码:
<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" } ] })
这样设置之后,刷新页面,现在可以正确显示¥了!
相关文章推荐
- 关于符号运算结果过长无法屏幕打印的问题
- 关于有符号位的八位二进制数如何表示-128的原、反、补码的问题
- Angular2的管道Pipe的使用方法
- 关于 error LNK2001: 无法解析的外部符号 ___wargv问题
- 关于整型数据符号位扩展的问题
- 关于各种无法解析的外部符号问题的相应解决方案
- [第一篇_献给AIX][关于库加载以及符号文件的问题]
- 关于CxImage配置正确之后出现无法解析的外部符号问题
- 关于textview显示特殊符号居中的问题
- 关于linux-2.6.26内核以后版本中出现的符号导出无法被调用的问题
- 关于编辑器和数学符号的兼容性问题!
- 关于 linux 管道中 read 和 write的返回值问题
- java中关于十进制数左移,右移,无符号右移问题解决
- 关于get、post传递的参数存在特殊符号时产生错误的问题
- js中关于逻辑符号的连续使用问题
- Java中关于无符号右移的问题 (~0L>>>-5)当右边为负数的情况
- 关于Angular 1 测试问题
- 关于各种无法解析的外部符号问题的相应解决方案
- 【VS开发】【C/C++开发】关于boost库的C++11导致的undefined符号问题
- 关于匿名管道阻塞的疑问 [问题点数:20分,结帖人hhh_hao] http://bbs.csdn.net/topics/310166627/http://bbs.csdn.net/topics/31