如何将Object值传递给Angular4中的其他组件?

时间:2017-11-10 12:00:01

标签: angular typescript

我需要将对象值传递给另一个组件,同时从一个组件导航到另一个组件而不显示URL中的数据。

我尝试这样的东西,点击它会重定向到secondComponent。在URL我将显示/ 15但我也想将对象传递给不应在URL上可见的第二个组件。

有人可以告诉我如何在导航时传递对象以及如何在第二个组件上捕获它

是否可以在[routerLink] =“15 passThisObj ”中发送obj值

例如:

{ 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>

1 个答案:

答案 0 :(得分:0)

您在问题上在角度上在技术上是不可能的,将数据作为routerLink的一部分传递的唯一方法是修改URL。但是,如果要传递的数据与路由参数以一对一的关系相关,则可以将这些对象存储在服务的对象中,并在组件中(被路由到的那个)使用该服务进行查询基于路由参数的数据对象。