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