Πρόβλημα με την εναλλαγή συνδέσμων στο Angular

Ας αναλύσουμε τη λύση του προβλήματος με την εναλλαγή συνδέσμων στη δρομολόγηση. Αυτό το πρόβλημα μπορεί να λυθεί με τη βιβλιοθήκη RxJS, που είναι ήδη συμπεριλαμβανμένη στο Angular.

Αρχικά, εισάγουμε την κλάση Subscription:

import { Subscription } from 'rxjs';

Ας δημιουργήσουμε μια ιδιωτική ιδιότητα:

export class AaaaComponent { 
	private subscription: Subscription;
}

Δημιουργούμε μια ιδιότητα για την αποθήκευση της παραμέτρου με όνομα id:

export class AaaaComponent { 
	id: number | undefined;
	private subscription: Subscription;
}

Και τώρα γινόμαστε συνδρομητής στην αλλαγή της παραμέτρου id από τη διαδρομή:

export class AaaaComponent { 
	id: number | undefined;
	private subscription: Subscription;
	
	constructor(private activateRoute: ActivatedRoute) {
		this.subscription = activateRoute.params.subscribe(params => this.id = params['id']);
	}
}

Λύστε το πρόβλημα με την εναλλαγή συνδέσμων.