2016-08-14 27 views
1

助けてください!

私のプロジェクトの使用角度、私はここに私のコード

> angular.js:13920 Error: [$injector:unpr] 
> http://errors.angularjs.org/1.5.8/$injector/unpr?p0=aProvider%20%3C-%20a%20%3C-%20Quotes 
>  at Error (native) 
>  at http://localhost:55050/lib/angular/angular.min.js:6:412 
>  at http://localhost:55050/lib/angular/angular.min.js:43:174 
>  at Object.d [as get] (http://localhost:55050/lib/angular/angular.min.js:40:432) 
>  at http://localhost:55050/lib/angular/angular.min.js:43:236 
>  at d (http://localhost:55050/lib/angular/angular.min.js:40:432) 
>  at e (http://localhost:55050/lib/angular/angular.min.js:41:158) 
>  at Object.invoke (http://localhost:55050/lib/angular/angular.min.js:41:243) 
>  at Object.$get (http://localhost:55050/lib/angular/angular.min.js:39:142) 
>  at Object.invoke (http://localhost:55050/lib/angular/angular.min.js:41:456) 

デバッグを開始するとき、MVC6

が、これは誤りです:

ファイルapp.js:

(function() { 
    'use strict'; 

    angular.module('myQuotesApp', [ 
     'quotesService' 
    ]); 
})(); 

quotesController.js

(function() { 
     'use strict'; 

     angular 
      .module('myQuotesApp') 
      .controller('quotesController', quotesController); 

     quotesController.$inject = ['$scope', 'Quotes']; 

     function quotesController($scope, Quotes) { 

      $scope.quotes = Quotes.query(); 

     } 
    })(); 

quotesService.js

(function() { 
    'use strict'; 

    var quotesService = angular.module('quotesService', ['ngResource']); 
    quotesService.factory('Quotes', function ($resource) { 

     return $resource('/api/quotes/', {}, { 
      query: { method: 'GET', param: {}, isArray: true } 
     }); 

    }); 

})(); 

これは私がangularJSを使用する初めてです、ありがとう

+0

ファイル順序が正しいことを確認してください –

+0

なぜ2つの異なるモジュールを使用していますか? –

+1

いくつかのビューを設定したindex.htmlファイルを投稿してください。ファイルの順番(または含まれているファイルの数)が正しいことを確認してください。 –

答えて

0

あなたのエラーメッセージがQuotes工場がosmeプロバイダaに依存していることを述べています。しかし、私は提供されたコードの依存関係を見ることはできません。実際のコードを表示するか、またはあなたの実際のコードに依存することを修正してください。

+0

gruntfile.jsを使用していますが、ここではapp.jsを使用しています。 '!function strict();;;;;;;;;;;;;;;;;;;;;;;(myquotesApp"、 "quotesService"))}()、function(){"useコントローラ( "quotesController"、 ""スコープ "、"引用符 "、a))は、"厳密な ";機能a(a、b){a.quotes = b.query()} angular.module(" myQuotesApp " ( "quotesService"、["ngResource"]); a.factory( "引用符")、 {0}}}}})(){}}}}}}}}}}}}}}}} { ; ' – user2308567

0

コメントによれば、依存関係を文字列として指定する必要があります。

など。

quotesService.factory('Quotes', ['$resource', function ($resource) { 
     return $resource('/api/quotes/', {}, { 
      query: { method: 'GET', param: {}, isArray: true } 
     }); 
    }]) 

など。

関連する問題