Проблема с переключением ссылок в 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']);
  }
}