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

這樣設置以後，刷新頁面，如今能夠正確顯示￥了！