Problemi me ndërrimin e lidhjeve në Angular

Le të shqyrtojmë zgjidhjen e problemit me ndërrimin e lidhjeve në routing. Këtë problem mund ta zgjidhim duke përdorur bibliotekën RxJS, e cila është e përfshirë tashmë në Angular.

Për të filluar, le të importojmë klasën Subscription:

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

Le të krijojmë një pronë private:

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

Le të krijojmë një pronë për të ruajtur parametrin me emrin id:

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

Dhe tani le të abonohemi në ndryshimin e parametrit id nga rruga:

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