Problem z przełączaniem linków w Angular

Przeanalizujmy rozwiązanie problemu z przełączaniem linków w routingu. Ten problem można rozwiązać za pomocą biblioteki RxJS, która jest już zawarta w Angularze.

Na początek zaimportujmy klasę Subscription:

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

Stwórzmy prywatną właściwość:

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

Stwórzmy właściwość do przechowywania parametru o nazwie id:

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

A teraz zasubskrybujmy zmianę parametru id z routa:

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