Angularдаги ссылкаларни алмаштиришдаги муаммо

Келинг, routingдаги ссылкаларни алмаштириш муаммосини ечимини кўриб чиқайлик. Бу муаммони 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;
}

Энди routingдан 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']);
  }
}