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

Question

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

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

例子：

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

单击“微服务 1”时，我想加载与微服务 1 一起交付的另一个 Angular 项目内部的模块内容。

这可能吗？

Answer 1

您可以将 single-spa 框架与 angualr 一起使用。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