2018年11月22日 星期四

[Day3]Angular i18n part1

功能目的: 讓Web應用程式國際化 - 讓世界各地的使用者有友善的體驗
開始前的兩種概念建立:
  1. 國際化 - 讓應用程式支援多種語系
  2. 在地化 - 讓國際化的應用程式,進入特定的語言環境
國際化總共做4件事情:
  1. 日期、數量、百分比、貨幣可轉換成各國格式
  2. 一般文字的翻譯
  3. 單字的單複數處理
  4. 翻譯HTML屬性的替代文字
在地化 - 藉由angular cli產生在地的應用程式

angular在地化的概念是在建置(Build)的過程中實現的,所以分為兩種情境
  1. JIT(Just In Time)
  2. AOT(Ahead Of Time)
  • JIT加入i18n概念的作法
在根模組(AppModule)中註冊LOCALE_ID
  • AOT的作法 - 使用angular cli指令佈署
ng serve --i18nFile=path --i18nFormat=xlf --i18nLocale=fr
ng build --i18nFile=path --i18nFormat=xlf --i18nLocale=fr
--i18nFile: 多國語系檔案路徑
--i18nFormat: 檔案格式
--i18nLocale: 語系名稱

以上是在地化的處理,明天寫以下兩件事
  1. 研究國際化的具體實作細節
  2. 補上在地化的範例程式碼

未完待續...

沒有留言:

張貼留言