Problème de basculement des liens dans Angular

Examinons la solution au problème de basculement des liens dans le routage. Ce problème peut être résolu à l'aide de la bibliothèque RxJS, qui est déjà incluse dans Angular.

Pour commencer, importons la classe Subscription :

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

Créons une propriété privée :

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

Créons une propriété pour stocker le paramètre nommé id :

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

Et maintenant, abonnons-nous au changement du paramètre id de la route :

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