Problem sa prebacivanjem linkova u Angular-u

Hajde da analiziramo rešenje problema sa prebacivanjem linkova u rutiranju. Ovaj problem se može rešiti uz pomoć biblioteke RxJS, koja je već uključena u Angular.

Za početak, importujemo klasu Subscription:

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

Napravićemo privatni property:

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

Napravićemo property za čuvanje parametra sa imenom id:

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

A sada ćemo se pretplatiti na promenu parametra id iz rute:

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