Ошибка инжектора углового бутстража

У меня возникает ошибка инжектора, когда я пытаюсь использовать угловой бутстрап. Здесь ошибка:Ошибка инжектора углового бутстража

angular.js:13424 Error: [$injector:unpr] http://errors.angularjs.org/1.5.3/$injector/unpr?p0=ui.bootstrapProvider%20%3C-%20ui.bootstrap%20%3C-%20AdminController 
at Error (native) 
at http://localhost:3000/node_modules/angular/angular.min.js:6:416 
at http://localhost:3000/node_modules/angular/angular.min.js:43:7 
at Object.d [as get] (http://localhost:3000/node_modules/angular/angular.min.js:40:270) 
at http://localhost:3000/node_modules/angular/angular.min.js:43:69 
at d (http://localhost:3000/node_modules/angular/angular.min.js:40:270) 
at e (http://localhost:3000/node_modules/angular/angular.min.js:41:1) 
at Object.instantiate (http://localhost:3000/node_modules/angular/angular.min.js:41:364) 
at http://localhost:3000/node_modules/angular/angular.min.js:88:341 
at http://localhost:3000/node_modules/angular-ui-router/release/angular-ui-router.min.js:7:23742 <div class="template ng-scope" ui-view="">

Вот мой index.html:

<!DOCTYPE html> 
<html lang="en" ng-app="FriendZone"> 
<head> 
<meta charset="UTF-8"> 
<title>Hello</title> 
<link rel="stylesheet"  href="node_modules/bootstrap/dist/css/bootstrap.min.css" /> 
<link rel="stylesheet" href="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-csp.css"> 
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css"> 
<link rel="stylesheet" href="public/stylesheets/style.css"> 
</head> 
<body> 
<div class="template" ui-view></div> 

<script src="node_modules/jquery/dist/jquery.min.js"></script> 
<script src="node_modules/angular/angular.min.js"></script> 
<script src="node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js"> </script> 
<script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script> 

<script src="front/app.js"></script> 
<script src="front/navigation/navigation-controller.js"></script> 
<script src="front/landing/landing-controller.js"></script> 
<script src="front/search/search-controller.js"></script> 
<script src="front/profile/profile-controller.js"></script> 
<script src="front/admin/admin-controller.js"></script> 
</body> 
</html>

А вот мой админ контроллер:

(function() { 
angular.module('FriendZone').controller('AdminController', ['$scope', '$state', '$http', 'ui.bootstrap', 
    function ($scope, $state, $http, $view) { 
     $scope.getUsers = function() { 

     }; 

     $scope.getUsers(); 
    }]);

Я все еще довольно новое для Угловое так это может быть что-то очень простое. Заранее спасибо!

Edit: Routing кода (app.js):

angular.module('FriendZone', ['ui.router', 'ui.bootstrap']) 
    .config(function($stateProvider, $urlRouterProvider){ 
     $urlRouterProvider.otherwise('/landing'); 
     console.log("hello"); 
     $stateProvider.state('landing', { 
      url: '/landing', 
      templateUrl: 'front/landing/landing.html', 
      controller: 'LandingController' 
     }).state('search', { 
      url: '/search', 
      templateUrl: 'front/search/search.html', 
      controller: 'SearchController' 
     }).state('profile', { 
      url: '/profile', 
      templateUrl: 'front/profile/profile.html', 
      controller: 'ProfileController' 
     }).state('admin', { 
      url: '/admin', 
      templateUrl: 'front/admin/admin.html', 
      controller: 'AdminController' 
     }); 
    });

источник

2016-03-30 Andrew Xia

Используйте версию non-'min.js' при разработке, которая даст вам больше информации, когда все пойдет не так. – zcui93

Вводит ui.bootstrap модуля зависимости в вашей инициализации модуля не в контроллере. Проверьте также наложение зависимостей в контроллере.

 angular.module('FriendZone',['ui.bootstrap']).controller('AdminController', ['$scope', '$state', '$http', 
     function ($scope, $state, $http) { 
     $scope.getUsers = function() { 

     }; 

     $scope.getUsers(); 
}]);

источник

2016-03-30 15:48:25

Привет, поэтому я подключил ваш код, но теперь ничего не отображается, но ошибок не возникает. Вы знаете, что может быть неправильно? Спасибо за вашу помощь! –

Что такое код маршрутизации? –

Я добавил код маршрутизации в сообщение, он находится в файле app.js в моей настройке. –

Вам необходимо указать зависимость на уровне модуля, которая обычно определяется в файле app.js. Контроллер использует код, определенный в зависимостях, которые вводятся при инициализации модуля в определении модуля. Затем в отдельном файле, который вы связали, вы вызываете определение модуля, которое вытягивает все зависимости, которые вы уже определили.

источник

2016-03-30 15:53:18 rabruce

Ошибка инжектора углового бутстража

ответ

Смежные вопросы