0

angularjs の推奨に従いたい ( http://docs.angularjs.org/guide/module ):

上記の例は単純ですが、大規模なアプリケーションには対応していません。代わりに、次のようにアプリケーションを複数のモジュールに分割することをお勧めします。

サービス宣言用のサービス モジュール ディレクティブ宣言用のディレクティブ モジュール フィルター宣言用のフィルター モジュール 上記のモジュールに依存し、初期化コードを持つアプリケーション レベル モジュール。

したがって、次のもののみを含む services.js ファイルを作成しました。

window.myservices = angular.module('services', []);

そして、各サービス ファイルが以下で始まるいくつかのサービスを追加しました。

window.myservices.factory('service1', function() {
    ....
});

私はfilters.jsとdirectives.jsも同じようにしました。

私が作成した私のapp.jsファイルで：

window.App = angular.module('app', ['services', 'filters', 'directives']).
    // run \ config \ whatever

ウィンドウに変数を作成せずにどうすればよいですか?

4

2 に答える 2

0

Stewie が言ったように、使用できますangular.modue('service',[])。

ただし、次のように、最初にロードされたファイルでのみこれを行う必要があります。

file1.js

var mod = angular.module('service',['dependancy']);

file2.js

var mod = angular.module('service');

index.html

<script src="/scripts/file1.js"></script>
<script src="/scripts/file2.js"></script>

別のオプションは、名前空間を使用することです...

file1.js

var mod = angular.module('service.part1',[]);

file2.js

var mod = angular.module('service.part2',[]);

main.js

var mod = angular.moduel('service', ['service.part1','service.part2']);

編集（プランカー）：

http://plnkr.co/edit/i75A5CQeSptQjaxvR8qi?p=preview

于 2013-07-01T14:12:20.243 に答える