Angular-da havolalarni almashtirish muammosi

Keling, routingda havolalarni almashtirish muammosining yechimini ko'rib chiqaylik. Bu muammoni Angularga allaqachon kiritilgan RxJS kutubxonasi yordamida hal qilish mumkin.

Boshlanish uchun Subscription klassini import qilamiz:

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

Xususiy xususiyat yaratamiz:

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

id nomli parametrni saqlash uchun xususiyat yaratamiz:

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

Endi routingdan id parametrining o'zgarishiga obuna bo'lamiz:

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