Question

我正在基于MEAN堆栈构建我的网站，我在移动浏览器上遇到角度路由问题，我正在使用ngRoute进行客户端路由。

该网站在每个可能的桌面浏览器中运行良好，甚至是移动设计（它的菜单与桌面版本不同），但在移动浏览器上，我必须在菜单响应两个版本之前点击大约10次（桌面和移动 - 取决于浏览器的分辨率），这适用于网站内的每个链接。我试过谷歌搜索，但没有找到任何有类似问题的人。

有人能指出我在哪里开始排除故障吗？我正在使用ngAnimate进行ng-view动画和菜单边框的一些css过渡。

网站的开发版本可在此处找到：http://meanapp1-boilerplatesand.rhcloud.com

请原谅外语，无论如何，内容不是问题。

路线代码：

var app = angular.module('myApp', [
  'ngRoute',
  'angular-carousel',
  'ngTouch',
  'ngAnimate',
  'ngResource',    
  'myApp.domov',
  'myApp.onas',
  'myApp.fotogalerija',
  'myApp.fotogalerija.single',
  'myApp.novice',
  'myApp.novice.single',    
  'myApp.kontakt',
  'myApp.storitve',
  'myApp.version',
  'myApp.admin',
  'myApp.meni',
  'duScroll'
]).
config(['$routeProvider', function($routeProvider) {
  $routeProvider.otherwise({redirectTo: '/domov'});
}]);

然后对于声明的每个模块，我或多或少都有相同的代码：

'use strict';

angular.module('myApp.novice', ['ngRoute', 'ngResource', 'myApp.novice.single'])

.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/novice', {
templateUrl: 'novice/novice.html',
controller: 'noviceCtrl'
});
}])

我已将主菜单中无法访问的模块声明为菜单项模块的子模块。路由代码：

'use strict';

angular.module('myApp.fotogalerija.single', ['ngRoute', 'ngResource',     'angular-carousel'])

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/fotogalerija/:item/single', {
    templateUrl: 'fotogalerija/single/single.html',
    controller: 'singleCtrl'
  });

  $routeProvider.when('/fotogalerija/:item/single/:index', {
    templateUrl: 'fotogalerija/single/single.html',
    controller: 'singleCtrl'
  });
}])

AngularJS ngRoutes并不总是在移动浏览器上工作

0 个答案: