A linkváltási probléma megoldása Angularban

Vizsgáljuk meg a linkváltási probléma megoldását az útválasztásban. Ezt a problémát megoldhatjuk a RxJS könyvtár segítségével, amely már benne van az Angularban.

Kezdésként importáljuk a Subscription osztályt:

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

Készítsünk egy privát tulajdonságot:

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

Készítsünk egy tulajdonságot a id nevű paraméter tárolására:

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

És most iratkozzunk fel az útvonal id paraméterének változásaira:

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