Açısal önyükleme enjektörü hatası

Açısal önyükleme kullanmaya çalıştığımda bir enjektör hatası alıyorum. İşte Açısal önyükleme enjektörü hatası

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="">

benim index.html geçerli:: İşte hatadır yüzden hala Açısal için oldukça yeni

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

     }; 

     $scope.getUsers(); 
    }]);

: Burada

<!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>

Ve yönetici denetleyicisi olan gerçekten basit bir şey olabilir. Şimdiden teşekkür ederim!

Düzenleme: kod Yönlendirme (app.js): Kumandanızda içinde değil modül başlatma içinde

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

kaynak

2016-03-30 Andrew Xia

Gelişim sırasında non-'' '' i.jsin '' sürümünü kullanın, bu da işler ters gittiğinde size daha fazla ipucu verecektir. – zcui93

enjekte ui.bootstrap modül bağımlılığı. Denetleyicide bağımlılık enjeksiyonunu da kontrol edin.

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

     }; 

     $scope.getUsers(); 
}]);

kaynak

2016-03-30 15:48:25

Merhaba, bu yüzden kodunuzu ekledim ancak şimdi hiçbir şey yapılmıyor, ancak herhangi bir hata oluşmuyor. Neyin yanlış olabileceğini biliyor musun? Yardım ettiğin için teşekkür ederim! –

Yönlendirme kodu nedir? –

Yayına yönlendirme kodu ekledim, kurulumumdaki app.js dosyasında. –

Genellikle bağımlılığı app.js dosyasında tanımlanmış olan modül düzeyine dahil etmeniz gerekir. Denetleyici, modül tanımında modülü başlattığınızda enjekte edilen bağımlılıklarda tanımlanan kodu kullanır. Ardından, bağladığınız ayrı bir dosyada, önceden tanımladığınız tüm bağımlılıkları çeken modül tanımını çağırırsınız.

kaynak

2016-03-30 15:53:18 rabruce

Açısal önyükleme enjektörü hatası

cevap

İlgili konular