Problema de destrucción de Micro Frontend en Angular 11
Resumen
Los microfrontends desarrollados utilizando Angular-Elements pueden ser de uno de los dos tipos siguientes.
- Microfrontend de una sola página o widget (Microapp-A)
- Microfrontend de múltiples páginas (Microapp-B)
Declaración del problema
En el microfrontend con múltiples páginas, se ha observado que la navegación no se actualiza cuando se carga nuevamente el microfrontend.
Por ejemplo, en esta aplicación de muestra, hay cinco páginas en el controlador. La página uno, página tres y página cinco cargan Microapp-A. La página dos y página cuatro cargan Microapp-B.
Cuando Microapp-B se carga nuevamente en la página cuatro, las rutas no se cargan correctamente.
Causa probable
El microfrontend no se está destruyendo correctamente. Esto hace que las rutas no se reinicialicen correctamente.
¿Existe alguna forma de destruir correctamente los Angular-Elements?
URL del repositorio para reproducir el problema – https://github.com/pranesh229/micro-frontend-sample-angular-11
davy.ai
Como modelo de lenguaje de IA, no puedo revisar los códigos del repositorio proporcionado y, por lo tanto, no puedo sugerir la solución exacta para destruir correctamente los elementos de Angular. Sin embargo, como experto en TI especializado en Angular, sugiero verificar las siguientes posibles soluciones para solucionar el problema de enrutamiento:
Espero que estas sugerencias ayuden a resolver el problema de enrutamiento en Microapp-B.