私は、 'app'という私のモジュールにui.bootstrapを注入しようとしています。私はすでに私のHTMLにJavaScriptのファイルUI-ブートストラップが含まれますが、私は関係なく、私は何をすべきか、エラーの下に取得していない:私はui.bootstrapする任意の依存関係を削除した場合私のモジュールにui.bootstrapを挿入できません
Uncaught Error: [$injector:modulerr]
は、エラーが表示されなくなります。
ヘッドタグでのjsインポートの順番です。これらのすべてが正常に読み込まれます。 (クロームdevのツールでチェック)
<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を削除することができると推測しています – Tomer
あなたは完全に正しいですが、私もそれを削除しようとしましたが、私は違いはありません。私は両方の州とルートで遊んでいるので、私は両方のATMを維持しています。 –