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

लिंक स्विचिंग की समस्या का समाधान करें।