Масъалаи иваз кардани пайвандҳо дар Angular

Биёед ҳалли масъалаи иваз кардани пайвандҳо дар роутингиро таҳлил кунем. Ин масъаларо бо ёрии китобхонаи RxJS, ки аллакай ба Angular дохил карда шудааст, ҳал кардан мумкин аст.

Барои оғоз синфи 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']);
  }
}