角度2向应用程序根组件发射事件

我想向作为应用程序引导的组件发出一个事件。 这个组件是websocket连接的处理程序,我需要发送一条消息,这就是为什么我必须发出这个事件。

在引导组件中,我只有 <router-outlet></router-outlet> 因此,我无法意识到我如何接受这一事件。

实例

应用程序。组成部分html

<路由器出口></路由器出口>

应用程序。组成部分ts

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})

export class AppComponent {
}

应用程序。单元ts

...
@NgModule({
  ...
  bootstrap: [AppComponent]
})

应用程序路由。单元ts

...
const routes: Routes = [
  { path: 'display', component: MapDisplayComponent }
];

地图显示。组件。ts

@Component({
  selector: 'app-map-display',
  templateUrl: './map-display.component.html',
  styleUrls: ['./map-display.component.scss']
})
export class MapDisplayComponent {
    @Output() sendMessage: EventEmitter<any> = new EventEmitter<any>();
}

因此,问题是地图显示组件必须将事件发送给其父级