我需要向Angular应用程序中添加动态组件。想法是将组件捆绑在一个JavaScript文件中,该文件将在一定条件下下载。
整个想法是在准备就绪时交付独立的组件(功能)。他们应该无缝地与应用程序一起工作,而无需重新编译主应用程序。
我确实看过https://angular.io/guide/dynamic-component-loader。但是该示例将动态组件与无法解决的解决方案一起编译。
有什么想法可以实现吗?
答案 0 :(得分:0)
不幸的是,Angular需要在构建之前在模块中指定组件依赖关系。
有一些很好的阅读,关于如何使用系统js在运行时加载组件,但是没有定义明确的文档。可能,但充满挑战。
https://github.com/kirjs/angular-dynamic-module-loading
https://github.com/nmarra/dynamic-module-loading
Load new modules dynamically in run-time with Angular CLI & Angular 5
我还想分享一个有趣的链接Single-SPA框架,该框架可帮助您加载多个应用程序,而无需使用IFrame而不考虑Angular,React,Vue等。
https://single-spa.js.org/docs/getting-started-overview.html
在您的情况下,您可以加载多个角度应用程序,这些应用程序可以作为独立的部署程序包保留。