路由数据到另一个组件中的角度

Question

我有这样的路线

{
    path: 'new-url/:Id',
    component: NewUrlComponent,
    data: { heading: 'NewUrlComponent' }
}

在 NewUrlComponent 中，我可以像这样简单地获取数据

 this.heading = this.route.snapshot.data.heading;

我遇到的问题是屏幕上还有另一个组件，因此我需要在另一个组件中显示数据标题。我不知道那是否有可能？

Answer 1

您可以直接从另一个组件访问数据标题，但是您可以创建一个将加载（或订阅）此数据的服务，您可以从任何组件访问该数据。

Class NewUrlComponent {
  ngOnInit() { 
  this.service.headingData = this.route.data.heading;
  }
}