2016-03-19 9 views
1

こんにちは。Angular jsの異なるファイルで複数のモジュールを操作する

私の問題はこれです:私は角のjs(現在はバージョン1.4で学習)に初心者だと私はこのような二つのモジュールに自分のアプリケーションを分けたい:

app.js

(function(){ 
var app = angular.module('store', ['store-products', 'ngAnimate', 'ui.bootstrap']); 



    app.controller('StoreController', function(){ 
     ... 
     }); 

    app.controller('ReviewController', function(){ 
     ... 
     }; 

     this.rateOnClick = function(){ 
      ... 
     }; 

     this.addReview = function(product){ 
      ... 
     }; 
     }); 


    . 
    . 
    . 
})(); 

products.js

(function(){ 

    var app = angular.module('store-products', []); 

    app.directive('productTitle', function(){ 
      ... 
     }); 

    app.directive('productPanels', function(){ 
      ... 

     }); 
})(); 

index.htmlを

<html> 
    <head> 
    <title>My Angular App!</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-animate.js"></script> 
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.2.4.js"></script> 
    <link href="styles.css" rel="stylesheet"> 
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="app.js"></script> 
    <script src"products.js"></script> 
... 
</html> 

すべてのファイルは同じフォルダにあります。 app.jsので、私の知る限り含ま理解し、プライマリモジュール罰金されているが、私はまだエラーを取得している:なぜこれが起こっている

Uncaught Error: [$injector:modulerr] Failed to instantiate module store due to: 
Error: [$injector:modulerr] Failed to instantiate module store-products due to: 
Error: [$injector:nomod] Module 'store-products' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

はsomeonは把握することはできませんか?

+0

あなたはアプリ名を意味していますか? –

+0

これは役に立つかもしれません:http://www.codeproject.com/Articles/862602/Define-multiple-Angular-apps-in-one-page –

答えて

1

がLOLありますのでごapp.jsコードでストアの製品を含めないでください:

次のように修正された
<script src"products.js"></script> 

<script src="products.js"></script> 
0

アプリスクリプトの前に商品スクリプトを含める必要があります。

+0

私は同じ順序で同じエラーを返しました –

+0

これはあなたの問題を解決したはずです。コンソールに別のエラーがないことは確実ですか?通常これを見て、スクリプトが正しい順序で参照されていれば、products.jsに構文エラーがあり、報告しているモジュール注入エラーにつながる連鎖反応エラーが発生しました。 – Lex

+0

真剣にも、私はtest.jsという指令やコントローラのない新しいモジュールを作成し、インクルードしようとしましたが、同じエラーが発生しました。 –

0

ただ、問題はラインだった考え出し、この[]我々はディレクティブを追加していないディレクティブ名 'ストアの製品の

+0

誰がこれをupvotedしたか分かりませんが、この回答は間違っています。 OPが行ったことは有効であり、他のAngularモジュールが現在定義されているモジュールに依存として注入される方法です。 – Lex

関連する問題