如何从另一个 Angular 项目加载模块？

问题描述

我只是玩弄 Angular 和 Spring Clound 微服务。

我有一个带有菜单的主 Angular 项目，我向我的网关发出请求并收到当前在线的所有可用微服务的列表。基于此列表，我的菜单是动态构建的。

示例：

菜单：微服务 1 |微服务2

单击“微服务 1”时，我想加载一个模块的内容，该模块位于微服务 1 提供的另一个 Angular 项目中。

这可能吗？

解决方法

您可以将 single-spa 框架与 angualr.single-spa 一起使用。single-spa 是一个用于前端微服务的 javascript 框架，可以使用 angular 实现。你需要使用微前端架构。

• https://morioh.com/p/b62bf13246cc
• https://medium.com/bb-tutorials-and-thoughts/how-to-implement-micro-frontend-architecture-with-angular-e6828a0a049c
• https://medium.com/@rohitsaxena_97625/angular-angular-micro-frontend-part-of-adventures-in-micro-frontend-series-part-2-9e3c3f0bfc0c