Problema com alternância de links no Angular

Vamos analisar a solução para o problema de alternância de links no roteamento. Este problema pode ser resolvido usando a biblioteca RxJS, que já está incluída no Angular.

Para começar, vamos importar a classe Subscription:

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

Vamos criar uma propriedade privada:

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

Vamos criar uma propriedade para armazenar o parâmetro com o nome id:

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

E agora vamos nos inscrever para observar mudanças no parâmetro id da rota:

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