こんにちは。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は把握することはできませんか?
あなたはアプリ名を意味していますか? –
これは役に立つかもしれません:http://www.codeproject.com/Articles/862602/Define-multiple-Angular-apps-in-one-page –