More Related Content
Similar to 台灣 AngularJS 社群小聚
Similar to 台灣 AngularJS 社群小聚 (20)
台灣 AngularJS 社群小聚
- 2. AngularJS User Group Taiwan Jimmy 任職於威煦軟體 全端工程師 Angular線上讀書會 固定班底 網站 https://jiaming0708.github.io/ 關於我
- 3. AngularJS User Group Taiwan • 環安衛雲端平台系統 • Angular 2+ 開發經驗 • 對前端技術有極大熱情 • 熟悉網站基本框架 HTML5、CSS3，並擁有 AJAX 開發經驗 • 熟悉Git操作 • 熟悉 RWD Frameworks(Bootstrap) • hr@wishingsoft.com，註明 Angular 小聚 加入威煦大大大平台
- 5. AngularJS User Group Taiwan 你知道嗎? Angular有提供i18n的功能 https://angular.io/guide/i18n
- 6. AngularJS User Group Taiwan 首先加上i18n這個directive在任一個地方 <h1 i18n>Hello world</h1>
- 7. AngularJS User Group Taiwan 打開terminal輸入指令 原生 ./node_modules/.bin/ng-xi18n --i18nFormat=xlf --outFile=messages.xlf cli ng xi18n --i18nFormat=xlf --out-file=messages.xlf
- 9. AngularJS User Group Taiwan • ng xi18n --i18nFormat=xlf2 --out-file=messages.xliff.xlf xlf2
- 10. AngularJS User Group Taiwan • ng xi18n --i18nFormat=xmb --out-file=messages.xmb xmb
- 11. AngularJS User Group Taiwan 打開terminal輸入指令 原生 ./node_modules/.bin/ngc --i18nFile=./messages.xlf --locale=tw --i18nFormat=xlf cli ng build --prod --i18nFile=./messages.xlf --locale=tw --i18nFormat=xlf
- 12. AngularJS User Group Taiwan Build Output
- 13. AngularJS User Group Taiwan • <p i18n>Hello {{world}}</p> 帶參數
- 16. AngularJS User Group Taiwan 編譯後直接把內容置換掉 多語系可以怎麼做 ng build --prod --i18nFile=./messages.xlf --locale=tw --i18nFormat=xlf --outputPath=dist/tw 有沒有簡單一點的作法?
- 21. AngularJS User Group Taiwan • <div i18n=“@@customid">i18n</div> 自定id
- 22. AngularJS User Group Taiwan • 效能? • 網站大的時候，執行是不是會慢? • i18n或是translate? • i18n事先編譯好 • translate執行的當下轉換 來點發想吧
- 23. AngularJS User Group Taiwan • 範例程式-https://github.com/jiaming0708/i18nDemo 關於...