Angularдеги шилтемелерди алмаштыруу маселеси

Роутингдеги шилтемелерди алмаштыруу маселесинин чечимин талкуулайлы. Бул маселени Angularга киргизилген RxJS китепканасынын жардамы менен чыгарууга болот.

Адегенде, Subscription классын импорттош керек:

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

Жашыруун касиет түзөлү:

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

id аты менен параметрди сактоо үчүн касиет түзөлү:

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

Эми роуттон id параметринин өзгөрүшүнө жазылып алалы:

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