按照以下步驟在這裏:
- 從here和拷貝下載源文件Code.zip將angular-translate和angular-translate.min文件與其他js文件一起存儲到www/lib/ionic/js/angular文件夾中。
- 在index.html中,包含「http://lib/ionic/js/angular/angular-translate.js」 以及其他腳本標記。
- 現在您需要在controllers.js文件的依賴列表中添加'pascalprecht.translate',如 angular.module('starter.controllers',['pascalprecht.translate'])。您也可以將其添加到主模塊的依賴列表中。
在www中創建一個子文件夾,例如「lang」,併爲要添加到應用程序的每種語言添加js文件。在單個JavaScript文件中,創建一個包含所有翻譯的鍵值映射的數組變量。例如,在文件english.js:
變種translations_en = { 名稱: '我的應用標題', 設置: '設置' } 在bengali.js文件: VAR translations_bng = { 名稱:」 অ্যাপেরনাম」, 設置: 'সেটিংস' }
注意這裏,關鍵的名字將在所有文件相同,但值會有所不同。在您的HTML中,您將通過密鑰訪問該值。同樣,您可以在多個文件中添加多種語言。
現在,在您的app.js中,添加以下代碼。如果您的app.js中已經有其他.config函數,請不要擔心!你可以有多個.config函數。單獨添加,更好。
的.config(函數($ translateProvider){$ translateProvider.translations(成 'en',translations_en); $ translateProvider.translations( 'BNG',translations_bng); $ translateProvider.preferredLanguage( 'EN'); }
您可以顯示這樣的值,{{「標題」 |翻譯}}根據給出的preferredLanguage,但是在地方「標題」,在「郎」文件夾的js文件中聲明適當的值將是顯示在這裏。
欲瞭解更多詳情,請訪問this blogpost
這是否爲您工作?:https://blog.nraboy.com/2014/ 08/internationalization-localization-ionicframework-angular-translate/ –