Problēma ar saišu pārslēgšanu Angular

Analizēsim problēmas risinājumu ar saišu pārslēgšanu maršrutēšanā. Šo problēmu var atrisināt, izmantojot bibliotēku RxJS, kura jau ir iekļauta Angular.

Sākumā importēsim klasi Subscription:

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

Izveidosim privātu īpašību:

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

Izveidosim īpašību parametra id glabāšanai:

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

Tagad abonēsim parametra id izmaiņas no maršruta:

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