How to pass Object value to other component in Angular4?

Question

I need to pass object value to another component while navigating from one component to another without showing data in URL.

I m trying something like this, when clicking it will redirect to secondComponent. in URL i will show /15 but i also i want to pass object to secondcomponent that should not visiable on url.

Could someone please tell me how to pass object at the time of navigation and how to capture it on second component

Is it possible to sent obj value inside [routerLink]="15 passThisObj"

Eg:

{ path: ':id', component: SecondComponent }


<a [routerLink]="15 passThisObj1">Edit</a>
<a [routerLink]="16 passThisObj2">Edit</a>
<a [routerLink]="17 passThisObj3">Edit</a>
<a [routerLink]="18 passThisObj4">Edit</a>
<a [routerLink]="19 passThisObj5">Edit</a>

Thanks, But i am looking without using input, output and i want to pass obj inside @RameshRajendran is it possible to pass values inside routerLink ? — user3419304, Nov 10 '17 at 12:09
its like table with five row each row will have and i need to pass row id along with routing inside — user3419304, Nov 10 '17 at 12:14
Question, why is it important that it does not show in the URL? — Aviad P., Nov 10 '17 at 12:17
can't user services here ? pass the data to service and then inject the service into component to share data. just as an alternative for what you are trying to do. — Omar Bahir, Nov 10 '17 at 12:29

score 0 · Answer 1 · answered Nov 10 '17 at 12:23

What you are asking is not technically possible with angular, the only way to pass data as part of a routerLink is by modifying the URL. However if the data to be passed is related to the route parameter in a one-to-one relationship, you can store those objects in an object in a service, and in your component (the one being routed to) use that service to query the data object based on the route parameter.

How to pass Object value to other component in Angular4?

1 Answers1