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:
import { Subscription } from 'rxjs';
Luodaan yksityinen ominaisuus:
export class AaaaComponent {
private subscription: Subscription;
}
Luodaan ominaisuus parametrin id
tallentamiseksi:
export class AaaaComponent {
id: number | undefined;
private subscription: Subscription;
}
Ja nyt tilataan parametrin id
muutokselle reitistä:
export class AaaaComponent {
id: number | undefined;
private subscription: Subscription;
constructor(private activateRoute: ActivatedRoute) {
this.subscription = activateRoute.params.subscribe(params => this.id = params['id']);
}
}
Ratkaise linkkien vaihtamisessa ilmennyt ongelma.
