Problem med skift af links i Angular

Lad os genemgå løsningen på problemet med skift af links i routing. Dette problem kan løses ved hjælp af biblioteket RxJS, som allerede er inkluderet i Angular.

Til at starte med, importerer vi klassen Subscription:

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

Lad os lave en privat egenskab:

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

Opret en egenskab for at gemme parameteren med navnet id:

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

Og nu abonnerer vi på ændringen af parameteren id fra routen:

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