javascript - 如何更改 ionic ionic 导航 View

Question

我正在使用 Ionic 框架编写一个移动应用程序，它有两种语言:英语和西类牙语，我希望能够切换导航 View (作为模板)，根据用户选择的语言以英语或西类牙语显示.

我正在尝试在我的 StateProvider 定义上执行此操作，这是我的代码的一部分:

      (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.dashboardEs 时，它会正确显示 templates/tabsEs.html 中的西类牙语导航栏。但是当状态更改为 tabs.adultsEs 时，我几天来一直在努力做同样的事情，但不起作用，总是显示 templates/tabs.html (英文)。有人看到这个错误，或者给我一个提示吗？

问候，维克多

Answer 1

不要重复您的模板，使用像 Angular-translate 这样的插件来为您的应用添加国际化。浏览文档，非常简单。