Проблем с превключването на връзки в 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 от route:

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