Problem med veksling av lenker i Angular

La oss se på en løsning på problemet med veksling av lenker i routing. Dette problemet kan løses ved hjelp av biblioteket RxJS, som allerede er inkludert i Angular.

Først importerer vi klassen Subscription:

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

La oss lage en privat egenskap:

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

La oss lage en egenskap for å lagre parameteren med navnet id:

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

Og nå abonnerer vi på endringer i 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']);
  }
}