如何将数据路由器出口组件提供给HeaderComponent？

Question

我要求路由出口组件中的一些数据到HeaderComponent。

请查看我的下图。

Answer 1

您可以从共享服务中发出事件，并在标题组件中订阅此事件，如：

在您当前的路线组件中：

onEvent() {
  this.sharedService.changeTitle(newTitle);
}

在服务中：

titleChanged = new EventEmitter();

changeTitle(title) {
  this.titleChanged.emit(title);
}

标题组件中的

：

 title: string = '';
 ngOnInit(){
   this.sharedService.titleChanged.subscribe(title => this.title = title);
 }