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