Я пытаюсь ввести ui.bootstrap в свой модуль, называемый «приложение». Я уже включил UI-загрузчик файла JavaScript в моем HTML, но я не получаю ниже ошибки, независимо от того, что я делаю:Не могу ввести ui.bootstrap в мой модуль
Uncaught Error: [$injector:modulerr]
Если удалить все зависимости для ui.bootstrap, ошибка уходит.
Порядок импорта js в тег заголовка, все из которых загружаются штрафом. (Проверено в Chrome Дев инструментов)
<script src="/Scripts/angular.min.js"></script>
<script src="/Scripts/angular-route.js"></script>
<script src="/Scripts/angular-ui-router.min.js"></script>
<script src="/Scripts/angular-animate.js"></script>
<script src="/Scripts/ui-bootstrap-tpls-1.2.5.min.js"></script>
Текущая AngularJS версия 1.5.2
app.js
(function() {
'use strict';
var app = angular.module('app', [
// Angular modules
'ngRoute',
'ngAnimate',
'ui.bootstrap',
// Custom modules
// 3rd Party Modules
'ui.router'
]);
app.config(['$locationProvider', '$stateProvider', '$urlRouterProvider', '$modal', function ($locationProvider, $stateProvider, $urlRouterProvider, $modal) {
$locationProvider.html5Mode(true);
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home', {
url: '/',
controller: 'frontpageController',
templateUrl: 'app/views/frontpage.html',
data: {
authorize: false
}
})
.state('login', {
url: '/login',
controller: 'loginController',
templateUrl: 'app/views/login.html',
data: {
authorize: false
}
})
.state('profile', {
url: '/profile/:userId',
controller: 'profileController',
templateUrl: 'app/views/profile.html',
data: {
authorize: true
}
})
.state('error', {
url: '/error',
controller: 'errorController',
templateUrl: 'app/views/404.html',
data: {
authorize: false
}
})
}]);
app.run(function ($rootScope, loginService) {
$rootScope.$on('$stateChangeStart', function (event, toState, toParams) {
var authorize = toState.data.authorize;
if (authorize && typeof $rootScope.currentUser === 'undefined') {
event.preventDefault();
// get me a login modal!
loginService()
}
});
});
})();
Не думаю, что это связанно, но вы используете как ngRoute и ui.router, Я предполагаю, что вы можете удалить ngRoute, так как вы используете состояния. – Tomer
. Вы совершенно правы, и я также попытался удалить его, но я ничего не имею в виду. Я держу оба ATM, потому что я играю с обоими состояниями и маршрутами. –