在另一个组件中路由数据角度答案

【问题标题】：Route data angular in another component在另一个组件中路由数据角度
【发布时间】：2019-11-14 19:30:18
【问题描述】：

我有一些这样的路线

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

在 NewUrlComponent 中，我可以像这样轻松获取这些数据

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

我遇到的问题是屏幕上有另一个组件，不知何故我需要在另一个组件中显示该 数据标题。不知道有没有可能？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：