각 catch되지 않은 오류 ReferenceError가 : 서비스 정의되지 않은

Question

나는 다음과 같은 구성 요소가있는 내가 서비스를 주입하기 위해 노력하고 있습니다

angular. 
    module('phoneList'). 
    component('phoneList', { 
    templateUrl: '/static/common/angular/phone-list/phone-list.template.html', 
    controller: ['$http', 'authenticationService', 
     function PhoneListController($http, authenticationService) { 
     var self = this; 


      authenticationService.authenticate().then(function(){ 
       console.log('it worked!!!!!!!!'); 
       }); 

     } 
    ] 
    }); 

서비스는 다음과 같습니다

angular.module('authentication').factory('authenticationService', function($http, $se){ 
    function authenticate(){ 

     $http.post('/o/token/', data, config) 
       .success(function (data, status, headers, config) { 
        console.log('auth service: '+data['access_token']); 
        $sessionStorage.access_token = data['access_token']; 
       }); 
    }  
    function getToken(){ 
     return $sessionStorage.access_token; 
    } 
    return { 
     authenticate:authenticate, 
     getToken:getToken 
    }; 
}); 

내 전화 목록 .module.js은 다음과 같습니다

angular.module('phonecatApp', [ 
    'phoneList', 
    'authentication', 
]); 

angular.module('phoneList', ['authentication']); 

내가 이것을 실행하면 다음과 같은 에러가 발생합니다

나는에서 'authenticationService을' ''넣었을 때

Uncaught ReferenceError: authenticationService is not defined

, 나는 오류를 얻을 :

Error [$injector:unpr] authtenticationService

Answer 1

서비스가 제대로 PhoneListController에 주입되지 않은 것 같다. 그것은에

변경 : 배열의 문자열이 단지입니다

controller: ['$http', 'authenticationService', 
    function PhoneListController($http, authenticationService) { 
... 

는 의존성이 삽입 참조 안전 축소를 유지합니다. 서비스는 여전히 함수 인수로 추가해야합니다. 또한

각 구성 요소에 대한 일단 angular.module를 호출해야합니다 :

내가 노력 A1rPun @

angular.module('phonecatApp', [ 
    'ngRoute', 
    'phoneList', 
    'authentication', 
]); 

전화 list.module.js

angular.module('phoneList', ['authentication']);