Die probleem met skakelwisseling in Angular

Laat ons die oplossing vir die probleem met skakelwisseling in roetering ontleed. Hierdie probleem kan opgelos word met behulp van die biblioteek RxJS, wat reeds in Angular ingesluit is.

Om te begin, laai ons die klas Subscription in:

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

Laat ons 'n private eienskap skep:

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

Skep 'n eienskap om die parameter met die naam id te stoor:

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

En nou teken ons in op die verandering van die id-parameter van die roete:

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