Linkkien vaihtamisessa Angularissa ilmenneen ongelman ratkaisu

Käsitellään ratkaisu linkkien vaihtamisessa reitityksessä ilmenneeseen ongelmaan. Tämän ongelman voi ratkaista käyttämällä RxJS-kirjastoa, joka on jo sisällytetty Angulariin.

Aluksi tuodaan luokka Subscription:

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

Luodaan yksityinen ominaisuus:

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

Luodaan ominaisuus parametrin id tallentamiseksi:

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

Ja nyt tilataan parametrin id muutokselle reitistä:

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