角度在Cordova上表现不同

时间:2015-09-16 14:41:03

标签: angularjs cordova angular-ui-router angular-http-interceptors

我正在构建一个角度应用程序,其中有几个模块靠近john papas styleguide。接下来,我有几个独立的模块,有自己的路由定义,有些有拦截器。我的问题是:当我在Cordova / Android上运行时,当我将它们放在主模块中时,状态定义似乎才有效。在我的浏览器中工作。有没有人来讨论这个问题呢?

E.g。这适用于本地浏览器和带有cordova的设备:

//main.js
'use strict';
angular.module('main', [
  'app.core',
  'auth'
])
.config(function ($stateProvider, $urlRouterProvider) {
  // ROUTING with ui.router
  $urlRouterProvider.otherwise('/main/list');
  $stateProvider
    // this state is placed in the <ion-nav-view> in the index.html
    .state('main', {
      url: '/main',
      abstract: true,
      templateUrl: 'main/templates/menu.html',
      controller: 'MenuCtrl as menu'
    })
  .state('main.login', {
    url: '/login',
    views: {
      'pageContent': {
        templateUrl: 'auth/templates/auth.login.html',
        controller: 'LoginCtrl'
      }
    }
  })
/* more states here */

这仅适用于本地浏览器(与上述主模块相同):

//auth.routes.js
'use strict';

angular
    .module('auth.routes')
    .config(config);

function config ($stateProvider) {
  $stateProvider
    .state('main.login', {
      url: '/login',
      views: {
        'pageContent': {
          templateUrl: 'auth/templates/auth.login.html',
          controller: 'LoginCtrl'
        }
      }
    })
}

//auth.module.js
'use strict';

angular.module('auth', [
  'app.core',
  'auth.constants',
  'auth.routes',
  'auth.controllers',
  'auth.services',
  'auth.interceptors',
  'auth.config'
]);

angular.module('auth.constants', []);
angular.module('auth.routes', []);
angular.module('auth.controllers', []);
angular.module('auth.services', []);
angular.module('auth.interceptors', []);
angular.module('auth.config', []);

错误表示在导航中找不到状态。

1 个答案:

答案 0 :(得分:0)

尝试

angular
        .module('test', [])
        .config(config);

    config.$inject = ['$routeProvider'];
    function config($routeProvider) {
        $routeProvider
            .when('/login', {
                title: 'Calculators',
                templateUrl: 'modules/views/login.html',
                controller: ''
            });
    }

删除状态提供程序,检查它是否有效的简单路由。