NgxStateNavGuardService

Descripción

NgxStateNavGuardService es un servicio Angular que monitorea eventos de navegación y maneja rutas desconocidas. Cuando detecta que no se encuentra una ruta, el servicio guarda el estado de ubicación y emite un evento "popstate" para notificar a otros microfrontends.

Instalación

Debes asegurarte que tengas el paquete instalada en el micro con su version correspondiente.

npm install ngx-state-nav-guard@version

Como usar

1. Debes proveer el servicio ya sea en un modulo o proveerlo a nivel del componente principal.

Ejemplo:

import { Component, OnInit, OnDestroy } from "@angular/core";
import { NgxStateNavGuardService } from "ngx-state-nav-guard";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"],
  providers: [NgxStateNavGuardService],
})
export class AppComponent implements OnInit, OnDestroy {
  constructor(private readonly ngxStateNavGuardService: NgxStateNavGuardService) {}

  public ngOnInit(): void {
    this.ngxStateNavGuardService.synchronizeRoutes("/tu-ruta-principal");
  }

  public ngOnDestroy(): void {
    this.ngxStateNavGuardService.ngOnDestroy();
  }
}

Argumento de synchronizeRoutes

1. prefix: Es la misma url con la que llamas al micro desde el shell.

Ejemplo

const routes: Routes = [
  {
    path: "tu-ruta-principal",
    loadChildren: () => import(path).then((m) => m.YourModule),
  },
];

Consideraciones

• Es importante desuscribirse del Subscription en ngOnDestroy para evitar fugas de memoria.