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'
});
}])