Праблема з пераключэннем спасылак у Angular

Давайце разбярэм рашэнне праблемы з пераключэннем спасылак у роўтынгу. Гэтую праблему можна вырашыць з дапамогай бібліятэкі RxJS, якая ўжо ўключана ў Angular.

Для пачатку імпартуем клас Subscription:

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

Зробім прыватную ўласцівасць:

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

Створым уласцівасць для захоўвання параметра з імем id:

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

А цяпер падпішамся на змяненне параметра id з роўта:

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