角度キャッチされないのReferenceErrorは：サービスが定義されていない

Question

I次のコンポーネントは、ここで私がサービスを注入しようとしていますがあります。

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

私はこれを実行すると、私はエラーを取得：

Uncaught ReferenceError: authenticationService is not defined

私は「」で「authenticationService」を置くとき、私はエラーを取得する：

Error [$injector:unpr] authtenticationService

Answer 1

サービスが適切にPhoneListControllerに注入されていないようです。それに

変更：配列内の文字列だけである

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

は、注入された依存関係の参照が安全に縮小維持します。サービスは引き続き関数の引数として追加する必要があります。

はまた、各コンポーネントの一度angular.moduleを呼び出してください：A1rPun @

app.module.js

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

電話list.module.js

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