passing id in (click) to another component or route

Question

I need to pass an id along with a click event to another component

here is the component.ts

 editData(rcid){
      this.router.navigate(['/Editdata']);
  }

rcid is the id of the clicked item. And router"/editdata" is where the id is to be passed.

I had checked with session and local storage but it need to refresh the page when coming with another id

please help me with this. I'm new to angular

Answer 1

you can pass a second argument to navigate that implements NavigationExtras interface:

this.router.navigate(['/Editdata'], { state: { id: '123' } });

at your receiving component you can extract it:

constructor(private router: Router) {
  this.id = this.router.getCurrentNavigation().extras.state.id;
}