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