在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)
  }