Angularjs 의존성 주사 순서

Question

파일에 필터를 추가 했으므로 이제는 주사기 오류가 발생하므로 모두 좋아합니다. 문제 해결을 위해 노력하고 있으며 주사 순서와 관련이 있다고 생각합니다.

<script src="js/app.js"></script> 
<script src="js/directives/jokesDirective.js"></script> 
<script src="js/filters/jokeFilter.js"></script> 
<script src="js/providers/jokeService.js"></script> 
<script src="js/controllers/mainController.js"></script> 

app.js :

angular.module('jsekoApp', [ 'ui', 'ngRoute', 'ngSlider']) 
    .config(...); 

mainController.js : 당신은 어떻게 제공/서비스/등이 ...을 주입하기 전에

HTML을 컴파일해야하는 순서를 선언 할

angular.module('jsekoApp') 
    .controller('MainController', [ '$scope', 'JokeFilter', 'JokeService', function MainController($scope, JokeFilter, JokeService) { 
    ... 
    }]); 

JokeService가 정상적으로 작동합니다.
jo 서비스가 필터를 필요로하기 때문에

메인 컨트롤러에서

angular.module('jsekoApp') 
    .filter('JokeFilter', [ '$scope', function JokeFilter($scope) { 
    ... 
    }]); 

, 내가 서비스하기 전에 필터를 선언 jokeFilter.js - keFilter 오류를 던지고 것입니다. 나는 이것이 맞다고 생각한다. 또한 서비스하기 전에 HTML에서 필터를 선언, 이후 .. 각도 및 다른 유사한 종속

전체 오류 :

Error: [$injector:unpr] Unknown provider: JokeFilterProvider <- JokeFilter 
http://errors.angularjs.org/1.2.17/$injector/unpr?p0=JokeFilterProvider%20%3C-%20JokeFilter 
    at http://127.0.0.1:9000/bower_components/angular/angular.js:78:12 
    at http://127.0.0.1:9000/bower_components/angular/angular.js:3735:19 
    at Object.getService [as get] (http://127.0.0.1:9000/bower_components/angular/angular.js:3862:39) 
    at http://127.0.0.1:9000/bower_components/angular/angular.js:3740:45 
    at getService (http://127.0.0.1:9000/bower_components/angular/angular.js:3862:39) 
    at invoke (http://127.0.0.1:9000/bower_components/angular/angular.js:3889:13) 
    at Object.instantiate (http://127.0.0.1:9000/bower_components/angular/angular.js:3910:23) 
    at http://127.0.0.1:9000/bower_components/angular/angular.js:7164:28 
    at link (http://127.0.0.1:9000/bower_components/angular-route/angular-route.js:913:26) 
    at nodeLinkFn (http://127.0.0.1:9000/bower_components/angular/angular.js:6607:13) <div class="container-fluid ng-scope" ng-view=""> angular.js:9899 
(anonymous function) angular.js:9899 
(anonymous function) angular.js:7246 
nodeLinkFn angular.js:6610 
compositeLinkFn angular.js:6011 
publicLinkFn angular.js:5916 
boundTranscludeFn angular.js:6030 
controllersBoundTransclude angular.js:6628 
update angular-route.js:871 
Scope.$broadcast angular.js:12797 
(anonymous function) angular-route.js:552 
wrappedCallback angular.js:11408 
wrappedCallback angular.js:11408 
(anonymous function) angular.js:11494 
Scope.$eval angular.js:12518 
Scope.$digest angular.js:12330 
Scope.$apply angular.js:12622 
done angular.js:8234 
completeRequest angular.js:8439 
xhr.onreadystatechange 

Answer 1

당신이 가진 문제는 직접 필터를 주입하려고하는 것입니다 . 여기 솔루션을 참조하십시오 : How to use a filter in a controller?

기본적으로 직접 필터를 삽입 할 수 없기 때문에 $filter을 사용해야합니다.

자세한 정보는 여기를 참조하십시오. https://docs.angularjs.org/api/ng/service/$filter