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