あなたが望むところにあなたのコードを置くことができます。それらを角モジュールに入れると、角がそれを見つけます。あなたのよう/app/common/services/foo.js
でサービスを持っているのであれば:
angular.module('app').service('foo', function() { ... });
あなたはuserController
でこれを行うことができます。
angular.module('app').controller('UserController', function($scope, foo) { ... });
をここでは、私たちのコントローラでfoo
注入する方法を参照してください。角度のDependency Injection
システムは、どこに置いてもあなたのコードを見つけるのに十分スマートです。あなたはまた、app
とは異なるモジュールを作成することができます
、あなたが持つことができます。
angular.module('other').service('bar', function() { ... });
そして、あなたはapp
モジュールを定義し、このような何か:
angular.module('app', []);
をあなただけの新しいを追加する必要がありますモジュールは依存関係として、
angular.module('app', ['other']);
です。
今、あなたはあまりにもあなたのコントローラでサービスbar
を使用することができます:)
を一方、あなたが話している構文は、配列表記で、このような何か:
angular.module('app').controller('FooCtrl', ['$scope', 'foo', function($scope, foo) { ... }]);
これが必要とされていますあなたがそれを縮小化するとき、あなたのコードをマングル場合は縮小さコードでは、あなたがこのような何かを得る可能性があるため:
angular.module('app').controller('FooCtrl', ['$scope', 'foo', function(f, g) { ... }]);
をご覧のとおり、関数のパラメータは現在f
とg
で、アンgularはそれらの名前に基づいて何を注入すべきか分からないので、私たちが提供した文字列を調べるので、は、$scope
とg
はfoo
です。
この注釈を直接使用する必要はありません。ngminのようなあなたのためにこれを行うためのツールがいくつかあります。
乾杯。
EDIT:すべてのjavascriptファイルを<script>
に追加する必要があります。そうしないと、読み込まれず、Angularは見つからないでしょう。grunt-concat-sourcemap
それはあなたのようsourcemapを生成しますので:あなたは5を持つことができるか、あなたはそれらをCONCATした方であり、そのために私はお勧め200
を持つことができるので、ファイルを一つずつ追加
は、痛みですアプリ全体に1つのファイルがありますが、開発ツールでは別々のファイルに表示されます。
私はあなたがすべてをリンクする必要があります
この問題を解決するためにグランツを使用する方法の詳細を提供してください。 –