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

Question

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

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

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

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

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

正在做正确的方式来在组件之间传递和接收数据，或者我做错了什么？

Answer 1

在导航中使用组件中的ActivatedRoute角服务

 constructor(activeRoute: ActivatedRoute) {

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