Angular2 API通用类 之CurrencyPipe

功能:通过自定义将数据货币单位化。
使用方式:
number_expression | currency[:currencyCode[:symbolDisplay[:digitInfo]]]

NgModule 属于通用模块

详情:

  • currencyCode 就是ISO 4217货币编码,比如USD代表美元,EUR代表欧元。
  • symbolDisplay 是一个布尔值,它表示渲染的时候是否显示货币单位还是ISO 4217货币编码
  • true:显示符号如$,
  • false:是默认值会显示货币编码,比如USD.
  • digitInfo:详情请查看Decimalpipe内容。

警告:这个管道符使用的是一种国际化的API,并不会在所有的浏览器中通用,所以有可能会涉及到polyfill。

@Component({
  selector: 'currency-pipe',
  template: `<div>
    <p>A: {{a | currency:'USD':false}}</p>
    <p>B: {{b | currency:'USD':true:'4.2-2'}}</p>
  </div>`
})
export class CurrencyPipeComponent {
  a: number = 0.259;
  b: number = 1.3495;
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值