Micro前端Angular 11销毁问题



概述

使用角度元素开发的微前端可以是以下两种类型中的任何一种。

  1. 单页或小部件Micro前端(Microapp-A(
  2. 多页微型前端(Microapp-B(

问题陈述

在具有多页的Micro Frontend中,可以观察到,当再次加载Micro Fronted时,路由不会更新。例如,在这个示例应用程序中,驱动程序中有五个页面。第一页、第三页和第五页加载Microapp-A。第二页和第四页加载Microapp-B。当Microapp-B在第四页中再次加载时,路由没有正确加载。

可能的原因

Micro前端未正确销毁。因此,路由不会被重新初始化。

有没有一种方法可以正确地破坏Angular元素?

要复制的回购URL-https://github.com/pranesh229/micro-frontend-sample-angular-11

我使用jquery来删除包含web组件标记的HTML。web组件的脚本被删除到,但请记住,脚本已经下载,所以除非您对其进行版本设置,否则您不会重新下载代码。不确定这是否有帮助,但只是我的思考过程。

最新更新