2015-01-08 56 views
2

我對Angularjs和Ionic Framework都很新穎。我來自微軟的背景。Angularjs或離子框架中的多語言應用程序

我想用3種語言(英語,阿拉伯語和法語)製作應用程序。正如我告訴你,我來自微軟的背景,我以.net的方式思考多語言應用程序翻譯的方式,我們使用資源文件和.NET語言環境中的.net代碼。至於例如

http://www.codeproject.com/Tips/580043/How-to-make-a-multi-language-application-in-Csharp

有沒有辦法做同樣的事情Angularjs或離子框架

+1

這是否爲您工作?:https://blog.nraboy.com/2014/ 08/internationalization-localization-ionicframework-angular-translate/ –

回答

3

按照以下步驟在這裏:

  1. here和拷貝下載源文件Code.zip將angular-translate和angular-translate.min文件與其他js文件一起存儲到www/lib/ionic/js/angular文件夾中。
  2. 在index.html中,包含「http://lib/ionic/js/angular/angular-translate.js」 以及其他腳本標記。
  3. 現在您需要在controllers.js文件的依賴列表中添加'pascalprecht.translate',如 angular.module('starter.controllers',['pascalprecht.translate'])。您也可以將其添加到主模塊的依賴列表中。
  4. 在www中創建一個子文件夾,例如「lang」,併爲要添加到應用程序的每種語言添加js文件。在單個JavaScript文件中,創建一個包含所有翻譯的鍵值映射的數組變量。例如,在文件english.js:

    變種translations_en = { 名稱: '我的應用標題', 設置: '設置' } 在bengali.js文件: VAR translations_bng = { 名稱:」 অ্যাপেরনাম」, 設置: 'সেটিংস' }

注意這裏,關鍵的名字將在所有文件相同,但值會有所不同。在您的HTML中,您將通過密鑰訪問該值。同樣,您可以在多個文件中添加多種語言。

  1. 現在,在您的app.js中,添加以下代碼。如果您的app.js中已經有其他.config函數,請不要擔心!你可以有多個.config函數。單獨添加,更好。

    的.config(函數($ translateProvider){$ translateProvider.translations(成 'en',translations_en); $ translateProvider.translations( 'BNG',translations_bng); $ translateProvider.preferredLanguage( 'EN'); }

  2. 您可以顯示這樣的值,{{「標題」 |翻譯}}根據給出的preferredLanguage,但是在地方「標題」,在「郎」文件夾的js文件中聲明適當的值將是顯示在這裏。

欲瞭解更多詳情,請訪問this blogpost

+0

您的鏈接要求進行身份驗證。請給我們鏈接,可以查看所有沒有用戶名n密碼 – Milind

+1

嘗試此鏈接,https://bczithasperks.wordpress.com/?s=Ionic+Framework –

0

我已創建一個庫轉換角度和離子應用。

您可以涼亭安裝:

bower install ng-translator --save 

或NPM

npm install ng-translator --save 

Check out this