Problém s prepínaním odkazov v Angular

Poďme rozobrať riešenie problému s prepínaním odkazov v smerovaní. Tento problém je možné vyriešiť pomocou knižnice RxJS, ktorá je už súčasťou Angularu.

Na začiatok importujeme triedu Subscription:

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

Vytvoríme súkromnú vlastnosť:

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

Vytvoríme vlastnosť na uloženie parametra s názvom id:

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

A teraz sa prihlásime na odber zmeny parametra id z trasy (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']);
  }
}