2017-03-01 5 views
1

ngRoute 또는 주입해야하는 Angular 서비스를 사용하지 않습니다. 그리고 나는 필자 자신의 모듈과 컨트롤러를 주입 할 필요가 있다고 생각한다.

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=try&p1=Error%3A%20%…2015%2520experiments%2Fangulartrial%2Fjs%2Flib%2Fangular.min.js%3A21%3A163) 
at angular.min.js:6 
at angular.min.js:40 
at r (angular.min.js:7) 
at g (angular.min.js:39) 
at db (angular.min.js:43) 
at c (angular.min.js:20) 
at Bc (angular.min.js:21) 
at ge (angular.min.js:19) 
at angular.min.js:315 
at HTMLDocument.b (angular.min.js:189) 

코드 : 에 Index.html :

<html ng-app="try" lang="En"> 
<head> 
    <title>Learn Angular 1.5</title> 
    <!-- <script src="./js/lib/jquery-3.1.0.min.js" charset="utf-8"></script> --> 
    <script src='./js/lib/angular.min.js'></script> 
    <script src='app.js'></script> 
    <script src='./js/app/blog-list.module.js'></script> 
    <script src='./js/app/blog-list.component.js'></script> 

</head> 
<body> 
    <div class='' ng-controller = 'BlogListController'> 
    </div> 
</body> 
</html> 

app.js :

angular.module ('try', ['blogList']) 
    //This works when I declare the controller right here 
    // .controller('BlogListController', function(){ 
    // console.log("Hello"); 
    // }) 

블로그 list.module.js

하지만 여전히 콘솔에 다음과 같은 오류가
'use strict'; 
//simply declare the module here 
angular.module('blogList', [ 
    //inject dependencies 
    'BlogListController' 
    ]); 

블로그 -l 같은

angular.module('blogList', [ 
    //inject dependencies 
    'BlogListController' 
    ]); 

변경을,

angular.module('blogList', []); 

+1

'BlogListController' 컨트롤러를 의존성으로 삽입하지 마십시오 ..'blogList' 모듈에서 제거하면 문제가 해결됩니다 –

+0

'blogList'에서'BlogListController'를 제거해야합니다 –

답변

1

문제는 여기에 depdendency로 BlogListController입니다 ist.component.js 당신은 HTML이 'blogList'모듈을 사용하고 있지 않습니다. 그것을 다음으로 변경하십시오 :

또한 모듈을 선언 할 때 'BlogListController'를 삽입하지 마십시오. 이 배열은 새로 생성 된 모듈이 실행해야하는 외부 모듈의 의존성 주입을위한 것입니다. 예 : ngRoute는 '기본 제공되지 않는'인기 모듈이며 종속성 삽입을 통해 포함되어야합니다.

1

그것은 때문이다 종속성에서 BlogListController을 제거

//declare the controllers, components etc on the module here 
angular.module('blogList') 
    .controller('BlogListController', function(){ 
     console.log("Hello"); 
    }); 
+0

index.html 페이지는' blogList' 모듈을'try' 모듈의 종속물로 사용합니다. 그러나 문제가 이미 컨트롤러를 선언 한 모듈에 컨트롤러를 주입하는 것이 었습니다. – PakiPat