Problem med länkväxling i Angular

Låt oss gå igenom lösningen på problemet med länkväxling i routing. Detta problem kan lösas med hjälp av biblioteket RxJS, som redan är inkluderat i Angular.

Först importerar vi klassen Subscription:

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

Skapa en privat egenskap:

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

Skapa en egenskap för att lagra parametern med namnet id:

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

Och nu prenumererar vi på förändringen av parametern id från routern:

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