货币管道

货币管道允许你以常规数字处理数据,但在视图中使用标准货币格式(货币符号,小数位等)显示。

@Component({
  selector: 'currency-pipe',
  template: `<div>
    <p>A: {{myMoney | currency:'USD':false}}</p>
    <p>B: {{yourMoney | currency:'USD':true:'4.2-2'}}</p>
  </div>`
})
export class CurrencyPipeComponent {
  myMoney: number = 100000.653;
  yourMoney: number = 5.3495;
}

管道有三个可选参数:

  • currencyCode :允许你指定 ISO 4217 货币代码。
  • symbolDisplay :指示是否使用货币符号的布尔值
  • digitInfo :允许你指定小数位的显示方式。

有关货币管道的更多文档: https//angular.io/docs/ts/latest/api/common/index/CurrencyPipe-pipe.html