Sąsajų perjungimo problema Angular

Išnagrinėkime sąsajų perjungimo problemos sprendimą maršrutizavime. Šią problemą galima išspręsti naudojant RxJS biblioteką, kuri jau yra įtraukta į Angular.

Pirmiausia importuokime Subscription klasę:

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

Sukurkime privatų property:

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

Sukurkime property parametrui id saugoti:

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

O dabar užsiprenumeruokime id parametro pakeitimus iš maršruto:

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