动态 Angular 组件

Dynamic Angular component

我需要向 Angular 应用程序添加一个动态组件。这个想法是将组件捆绑在一个 JavaScript 文件中，该文件将在某些情况下下载。

整个想法是在准备就绪时发布独立组件（功能）。他们应该可以无缝地使用应用程序而无需重新编译主应用程序。

我看过 https://angular.io/guide/dynamic-component-loader。但是该示例编译了动态组件以及我无法执行的解决方案。

知道如何实现吗？

不幸的是Angular需要在构建之前在模块中指定组件依赖性。

有一些关于如何使用系统 js 在运行时加载组件的好书，但没有明确定义的文档。这是可能的，但具有挑战性。

Load new modules dynamically in run-time with Angular CLI & Angular 5

我还想分享一个有趣的 link Single-SPA 框架，它可以帮助您在没有 IFrame 的情况下加载多个应用程序，而无需考虑 Angular、React、Vue 等。

在您的情况下，您可以加载多个 angular 应用程序，您可以将其保留为独立的部署包。