angular - Angular2 中没有指令的事件传播

Question

我想知道是否有办法将事件从路线内传播到 <router-outlet></router-outlet> 外部.

这种情况就像我们有一条名为 Home 的路线，并且 HomeComponent 应该向根组件通知一些信息。如果它是 app.component 的直接子级，我们可以在 HomeComponent 中使用 EventEmitter 类型输出属性，并在 <home (eventName)="actionName()"></home> 上使用事件绑定(bind)。指示。但事实并非如此，因为 HomeComponent 是在路由内使用的。

请帮助我建议从路由到根组件的事件传播的正确方法。

Answer 1

您可以使用注入(inject)发送者和接收者组件中的共享服务进行通信(如消息总线)。欲了解更多详情，请参阅https://angular.io/docs/ts/latest/cookbook/component-communication.html

或者您可以使用 element.dispatchEvent() 来触发冒泡事件。请参阅https://developer.mozilla.org/de/docs/Web/API/EventTarget/dispatchEvent了解更多详情。