AngularJS动态注入模块

AngularJS dynamic injection of modules

本文关键字：模块 注入 动态 AngularJS      更新时间：2023-09-26

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

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

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

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

相关文章：