2016-04-10 13 views
-1

私はメインモジュールのサービスをどこからでも使用しようとしています。AngularJsは別のモジュールのサービスを使用しています

これは私がそれを使用したいと思い、私のコントローラです:

(function() { 
    'use strict'; 

    angular.module('app.page') 
    .controller('authCtrl', ['$scope', '$window', '$location','requestService', authCtrl]); 


    function authCtrl($scope, $window, $location, requestService) { 
     $scope.login = function() { 
      requestService.test(); 
     } 
    } 
})(); 

モジュール

(function() { 
    'use strict'; 

    angular.module('app.page',['app']); 
})(); 

サービス

(function() { 
    'use strict'; 

    angular.module('app') 
     .service('requestService',requestService); 

    function requestService() { 
     this.test = function() 
     { 
      alert('test'); 
     } 
    } 
})(); 

しかしは私のcontrollerに見つかりません。私はここで間違って何をしていますか?

--EDIT--

エラーメッセージ:あなたのサービスモジュールを定義し

angular.js:13424 Error: [$injector:unpr] http://errors.angularjs.org/1.5.3/$injector/unpr?p0=requestServiceProvider%20%3C-%20requestService%20%3C-%20authCtrl 
    at Error (native) 
    at http://localhost:3000/bower_components/angular/angular.min.js:6:416 
    at http://localhost:3000/bower_components/angular/angular.min.js:43:7 
    at Object.d [as get] (http://localhost:3000/bower_components/angular/angular.min.js:40:270) 
    at http://localhost:3000/bower_components/angular/angular.min.js:43:69 
    at d (http://localhost:3000/bower_components/angular/angular.min.js:40:270) 
    at e (http://localhost:3000/bower_components/angular/angular.min.js:41:1) 
    at Object.invoke (http://localhost:3000/bower_components/angular/angular.min.js:41:86) 
    at S.instance (http://localhost:3000/bower_components/angular/angular.min.js:88:235) 
    at n (http://localhost:3000/bower_components/angular/angular.min.js:64:174) <section data-ui-view="" class="view-container {{main.pageTransition.class}} ng-scope" data-ng-animate="1"> 
+1

どのような質問&問題ですか? –

+0

申し訳ありません:) – Jamie

+1

アプリケーションモジュールの定義はどこですか?あなたが得た正確で完全なエラーメッセージは何ですか?これは重要な情報です。 –

答えて

0

は、新しいモジュールを作成するために、空の依存関係の配列を提供していませんでした。 Angularは既存のappモジュールを見つけようとしますが、見つからないでしょう。サービスモジュールを次のように定義する必要があります。

(function() { 
    'use strict'; 

    angular.module('app', []) 
     .service('requestService',requestService); 

    function requestService() { 
     this.test = function() 
     { 
      alert('test'); 
     } 
    } 
})(); 
関連する問題