Težava s preklapljanjem povezav v Angular

Oglejmo si rešitev težave s preklapljanjem povezav v usmerjevanju. To težavo je mogoče rešiti s knjižnico RxJS, ki je že vključena v Angular.

Za začetek uvozimo razred Subscription:

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

Ustvarimo zasebno lastnost:

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

Ustvarimo lastnost za shranjevanje parametra z imenom id:

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

In sedaj se naročimo na spremembo parametra id iz poti:

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