Problema con la alternancia de enlaces en Angular

Analicemos la solución al problema de alternancia de enlaces en el enrutamiento. Este problema se puede resolver usando la biblioteca RxJS, que ya está incluida en Angular.

Para empezar, importemos la clase Subscription:

app/aaaa/aaaa.component.tsimport { Subscription } from 'rxjs';

Creemos una propiedad privada:

app/aaaa/aaaa.component.tsexport class AaaaComponent { 
  private subscription: Subscription;
}

Creemos una propiedad para almacenar el parámetro con nombre id:

app/aaaa/aaaa.component.tsexport class AaaaComponent { 
  id: number | undefined;
  private subscription: Subscription;
}

Y ahora suscribámonos al cambio del parámetro id de la ruta:

app/aaaa/aaaa.component.tsexport class AaaaComponent { 
  id: number | undefined;
  private subscription: Subscription;
  
  constructor(private activateRoute: ActivatedRoute) {
    this.subscription = activateRoute.params.subscribe(params => this.id = params['id']);
  }
}