AngularJS动态注入模块

Question

有没有办法动态执行依赖项注入？ 喜欢稍后注入模块，而不是在创建根应用程序时注入？

所以情况是我有一个网站。 我想使网站成为一个包含所有内容的ng-app，而不是仅将页面内容作为ng-app。 （想象一下，该站点有一个导航菜单，然后有一个内容主体；现在，我将内容主体作为ng-app，然后将导航菜单作为另一个应用程序自举，因为菜单实际上有点复杂。）但是现在我要使整个站点成为一个大型ng-app，并且它将包含正文内容和导航菜单（这里可能还有其他应用程序）。

问题在于，由于这是一个网站，因此网站内将有许多页面，并且每个页面都需要一组不同的模块。 导航菜单模块很常见，并且是基本模块的一部分，但是如何根据页面的内容来注入/加载不同的模块集？

Answer 1

您可以使用功能强大的ui路由器和ocLazyLoad之类的惰性加载器在不同的路由上动态加载模块。 这也将帮助您减少初始JavaScript负载的大小。 这是将其与Webpack一起使用的示例： https : //github.com/ay13/webpack-angular-oclazyload