Angular: pass complex JSON via routerLink

Question

I'm using Angular 5 and I have this ngFor:

<div class="row margin-v-20">
    <my-tile [routerLink]="['/secondPage', item.id, 'item-list']" *ngFor="let item of listaOfItem" [item]="item"></my-tile>
</div>

and I need to access from the routed component "secondPage/:id/item-list" to the json object "item" of the list.

How can I achieve this?

score 1 · Accepted Answer · answered May 04 '18 at 14:48

1

This article explains several ways to achieve this. I recommend to use a service to share the complex data between components ("Using Application Providers" section in the article).

answered May 04 '18 at 14:48

Bünyamin Sarıgül

3,031
4
30
55

Application Provider worked flawlessly, very clean and simple, thanks man – Stack Diego May 04 '18 at 15:32

Angular: pass complex JSON via routerLink

1 Answers1