我需要向 Angular 应用程序添加一个动态组件。这个想法是将组件捆绑在一个 JavaScript 文件中,该文件将在某些条件下下载。
整个想法是在独立组件(功能)准备好时发布它们。它们应该与应用程序无缝协作,而无需重新编译主应用程序。
我确实看过https://angular.io/guide/dynamic-component-loader。但是该示例将动态组件与我无法执行的解决方案一起编译。
知道如何实现这一目标吗?
我需要向 Angular 应用程序添加一个动态组件。这个想法是将组件捆绑在一个 JavaScript 文件中,该文件将在某些条件下下载。
整个想法是在独立组件(功能)准备好时发布它们。它们应该与应用程序无缝协作,而无需重新编译主应用程序。
我确实看过https://angular.io/guide/dynamic-component-loader。但是该示例将动态组件与我无法执行的解决方案一起编译。
知道如何实现这一目标吗?
不幸的是,Angular 需要在构建之前在模块中指定组件依赖项。
关于如何在运行时使用系统 js 加载组件有很多很好的读物,但没有明确定义的文档。这是可能的,但具有挑战性。
https://github.com/kirjs/angular-dynamic-module-loading
https://github.com/nmarra/dynamic-module-loading
使用 Angular CLI 和 Angular 5 在运行时动态加载新模块
另外我想分享一个有趣的链接 Single-SPA framework ,它可以帮助您在没有 IFrame 的情况下加载多个应用程序,而不管 Angular、React、Vue 等。
https://single-spa.js.org/docs/getting-started-overview.html
在您的情况下,您可以加载多个角度应用程序,您可以将其保留为独立的部署包。