angular - 通过 Angular 中的路由路径发送数据

Question

有没有办法通过 router.navigate 将数据作为参数发送？我的意思是，类似于 this例如，如您所见，路由有一个数据参数，但这样做是行不通的:

this.router.navigate(["heroes"], {some-data: "othrData"})

因为 some-data 不是有效参数。我怎样才能做到这一点？我不想使用 queryParams 发送参数。

Answer 1

这个话题有很多困惑，因为有很多不同的方法。

以下是以下屏幕截图中使用的适当类型:

private route: ActivatedRoute
private router: Router

1) 必需的路由参数:

2)路由可选参数:

3)路由查询参数:

4) 您可以使用服务将数据从一个组件传递到另一个组件，而根本不使用路由参数。

有关示例，请参阅:https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

我在这里有一个 plunker:https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview