使用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)
  }