Problema con il cambio di link in Angular

Analizziamo la soluzione al problema del cambio di link nel routing. Questo problema può essere risolto utilizzando la libreria RxJS, che è già inclusa in Angular.

Per iniziare, importiamo la classe Subscription:

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

Creiamo una proprietà privata:

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

Creiamo una proprietà per memorizzare il parametro con nome id:

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

E ora sottoscriviamoci al cambiamento del parametro id dalla rotta:

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']);
  }
}