1. 程式人生 > >怎樣為angular-ui新增中文國際化

怎樣為angular-ui新增中文國際化

angular-ui是基於Bootstrap的Angualar指令元件集合,除了以無外掛的方式原生支援Angular(無須安裝jQuery、bootstrap指令碼庫),還支援自定義指令模板(請使用.tpl字尾名的JS檔案,強烈推薦),擴充套件性非常強。

唯一的缺點是,angular-ui預設只支援英文,並且官方沒有提供i18n的國際化資訊,所以在中文環境下,常常讓人留有遺憾,其實解決辦法很簡單,只需充分angular自身的國際化系統即可,步驟如下:
1. 進入angular官網
2. 選擇合適的angular版本;
3. 下載國際化程式碼,國際化ID為zh_cn;
4. 將程式碼放置在angular-ui程式碼之前,如下:

<script src="/lib/angular/angular-route.js"></script>
<script src="/lib/angular/ui-bootstrap-tpls-2.5.0.js"></script>