2017-01-18 9 views
0

Ionicフレームワークを使ってモバイルアプリを作成すると、英語とスペイン語の2つの言語があります。ナビゲーションビューを(テンプレートとして)切り替えることができますユーザーの選択言語に応じて英語またはスペイン語で入力できます。ionic-nav-viewの変更方法

私はStateProvider定義でこれをやろうとしている

は、ここに私のコードの一部です:状態はtabsEs.dashboardEsが、それは、テンプレートからスペイン語に正しく私のナビゲーションバーを表示する場合

 (function(){ 
     'use strict'; 

      angular 

     .module('app.core') 
     .config(['$stateProvider', '$urlRouterProvider', 
      function($stateProvider, $urlRouterProvider) { 

      $stateProvider 

     .state('login', { 
       url: '/login', 
       templateUrl: 'app/auth/login/login.html', 
       controller: 'LoginCtrl', 
      }) 
     .state('loginEs', { 
      url: '/loginEs', 
      templateUrl: 'app/auth/login/loginEs.html', 
      controller: 'LoginCtrl', 
     }) 
     .state('tabs', { 
      url: '/tab', 
      abstract: true, 
      templateUrl: 'templates/tabs.html' 
      }) 

     .state('tabsEs', { 
      url: '/tabEs', 
      abstract: true, 
      templateUrl: 'templates/tabsEs.html' 
      }) 

     .state('tabs.dashboard', { 
       url: '/dashboard', 
      views: { 
       'tab-dash': { 
        templateUrl: 'app/dashboard.html', 
         //controller: 'SignupCtrl', 
       } 
      } 
     }) 
     .state('tabsEs.dashboardEs', { 
      url: '/dashboard', 
      views: { 
       'tabEs-dash': { 
       templateUrl: 'app/dashboardEs.html', 
       //controller: 'SignupCtrl', 
       } 
      } 
     }) 
     .state('tabs.adults', { 
       url: '/adults', 
       views: { 
       'tab-dash': { 
        templateUrl: 'templates/tab-adults.html', 
        //controller: 'DashCtrl' 
       } 
       } 
      }) 
      .state('tabs.adultsEs', { 
       url: '/adultsEs', 
       views: { 
       'tab-dash': { 
       templateUrl: 'templates/tab-adultsEs.html', 
        controller: 'customersCtrl' 
       } 
       } 
      }) 
      .state('passwordResetForm', { 
       url: '/passwordResetForm', 
       templateUrl: 'app/auth/login/passwordResetForm.html', 
       controller: 'PasswordResetCtrl', 
      }); 


     $urlRouterProvider.otherwise('login'); 
}]); 
})(); 

/tabsEs.html 。しかし、私は状態がtabs.adultsEsに変わったときも同じことをするのに数日間苦労していますが、うまくいきません。常にテンプレート/ tabs.html(英語)が表示されます。 誰かがエラーを見たり、これを行うヒントを教えてもらえますか?

よろしく、 ビクター

+2

別々のテンプレートを作成するのではなく、[angular-translate](https://github.com/angular-translate/angular-translate)のようなライブラリを使用してください。 – Korte

+0

ヒントをありがとう、私は角度翻訳を使用します – CaribeSoft

答えて

1

ドントは、あなたのテンプレートを複製角度-翻訳してアプリに国際化を追加するようにプラグインを使用します。ドキュメントを見て、それは本当に簡単です。

+0

あなたの権利、私は角度翻訳を使用しています、それほど難しくない、とうまく動作します、チップありがとう – CaribeSoft

関連する問題