モジュールのAngularJS動的注入

Question

依存性注入を動的に実行する方法はありますか？あとでモジュールを注入するのではなく、ルートアプリケーションを作成するときと同じですか？

私はウェブサイトを持っているという状況です。そして、私はそのウェブサイトを、ng-appのようなページの内容だけでなく、すべてを含むng-appとして作りたいと思っています。 （ナビゲーション・メニューを持っているサイトとコンテンツの本体を想像してみてください;今は、ng-appとしてコンテンツ・ボディを持っていて、実際にはメニューが複雑なので、別のアプリケーションとしてナビゲーション・メニューをブートストラップしました）私は、サイト全体が1つの大きなアプリケーションであり、ボディコンテンツとナビゲーションメニュー（そしてここに他のアプリケーションが含まれている）が含まれるようにしたいと思います。

問題は、これはサイト内に多数のページがあり、各ページには異なるモジュールセットが必要です。ナビゲーションメニューモジュールは一般的なもので、基本モジュールの一部ですが、どのページに応じて異なるモジュールセットをどのように注入/ロードできますか？

Answer 1

強力なui-routerとocLazyLoadのような遅延ローダーを使用して、異なるルート上のモジュールを動的にロードすることができます。これは、JavaScriptの初期読み込みのサイズを減らすのにも役立ちます。以下は、Webpackでの使用例です：https://github.com/ay13/webpack-angular-oclazyload