Problém s přepínáním odkazů v Angular

Pojďme se podívat na řešení problému s přepínáním odkazů v routování. Tento problém lze vyřešit pomocí knihovny RxJS, která je již součástí Angularu.

Pro začátek importujeme třídu Subscription:

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

Vytvoříme privátní vlastnost:

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

Vytvoříme vlastnost pro uložení parametru s názvem id:

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

A nyní se přihlásíme k odběru změn parametru id z routy:

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