动态角度组件

时间:2018-09-04 02:26:48

标签: angular angular-dynamic-components

我需要向Angular应用程序中添加动态组件。想法是将组件捆绑在一个JavaScript文件中,该文件将在一定条件下下载。

整个想法是在准备就绪时交付独立的组件(功能)。他们应该无缝地与应用程序一起工作,而无需重新编译主应用程序。

我确实看过https://angular.io/guide/dynamic-component-loader。但是该示例将动态组件与无法解决的解决方案一起编译。

有什么想法可以实现吗?

1 个答案:

答案 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

在您的情况下,您可以加载多个角度应用程序,这些应用程序可以作为独立的部署程序包保留。