貨幣管道

貨幣管道允許你以常規數字處理資料,但在檢視中使用標準貨幣格式(貨幣符號,小數位等)顯示。

@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