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

https://www.tektutorialshub.com/angular/angular-passing-parameters-to-route/ — Aakash Garg, Nov 28 '20 at 12:08
@AakashGarg the id is passed to component but I need it in service component. Is there a way? — james, Nov 28 '20 at 12:37
it can be a component or a service, what is service component? — Aakash Garg, Nov 28 '20 at 18:21

score 1 · Answer 1 · answered Nov 27 '20 at 23:01

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;
}

answered Nov 27 '20 at 23:01

buzatto

it showed me this error `Error: Cannot instantiate cyclic dependency!` – james Nov 28 '20 at 09:24

1 Answers1