在 Angular 8 中使用 window.history.state 导致页面重新加载错误

Question

我正在使用以下代码将数据传递给路由：

this.router.navigateByUrl('/myurl/goes/here', { state: { data: someData });

现在在我导航到的组件中，我使用以下代码获取从第一个组件传递的数据。

this.incomingData = window.history.state.data;

现在，当我重新加载第二个组件（组件 B）时，问题出现了，我收到一条错误消息，告诉我传递给它的数据现在未定义。 （this.incomingData 变为未定义）。

在组件之间传递和接收数据的正确方法是什么，还是我做错了什么？

Answer 1

在您导航到的组件中使用 angular ActivatedRoute服务

 constructor(activeRoute: ActivatedRoute) {

    // this.activeRoute.snapshot.data
    console.log('Route Data', this.activeRoute.snapshot.data)
  }