Πρόβλημα με την εναλλαγή συνδέσμων στο 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']);
  }
}