AngularJS动态注入模块

时间:2016-07-13 01:33:30

标签: javascript angularjs dependency-injection

有没有办法动态执行依赖注入?就像以后注入模块一样,而不是在创建根应用程序时?

所以情况是我有一个网站。我想将该网站作为一个包含全部的ng-app,而不仅仅是将页面内容作为ng-app。 (想象一下,该网站有一个导航菜单,然后是一个内容的主体;现在,我将内容主体作为ng-app,然后将导航菜单作为另一个应用程序引导,因为菜单实际上有点复杂。)但是现在我想做到这一点,以便整个网站是一个大型的应用程序,它将包含正文内容和导航菜单(可能还有其他应用程序。)

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

1 个答案:

答案 0 :(得分:0)

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