Angular 8 在（列表详细信息）类型的设置中将动态数据传递到激活的路由中

Question

我有一个组件，它显示产品列表并通过使用服务，一旦您单击列表中的一个项目，我就可以在我的路线上使用/:id参数重定向到单个项目，但我真正想要的是not getting 是如何在产品详细信息组件中显示产品属性，如名称和价格。 有没有办法使用路由模块传递数据，或者我必须使用output()和input()吗？

Answer 1

您可以通过以下两种方式之一将数据传递给路由。 1. 如果route是从component重定向的，请使用以下方法。

this.router.navigate(['/<route-url>'], { state: { data: { <your-data>} } });

2. 如果route是从HTML Template重定向的，请使用以下方法。

<a [routerLink]="['/<route-url>']" [state]="{ data: { <your-data>} }">
  link to user component
</a>

从component您可以使用location对象获取传递的数据