AngularJS ngRoutes не всегда работает в мобильных браузерах

Я строю свой веб-сайт на основе стека 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'
  });
}])

0 ответов

Другие вопросы по тегам