将回调传递给使用路由创建的角度组件答案

【问题标题】：Pass callback to angular component create with route将回调传递给使用路由创建的角度组件
【发布时间】：2020-07-14 00:56:28
【问题描述】：

我有一个使用路由创建的组件，并且该组件有一个输出 EventEmitter。如果组件是在路由上创建的，我如何订阅此输出？

组件是这样创建的：

{ path: 'component-A',
  component: ComponentAComponent
}

【问题讨论】：

【解决方案1】：

<new-component (event_emitter_variable_name)="custom_function()"></new-component>

要了解更多信息，请访问example

更新

您可以创建服务以在两个组件之间进行通信。组件 2 将订阅服务中的事件。组件 1 将推送到服务中的此事件。 example.

【讨论】：

【解决方案2】：

你可以从 router-outlet 监听激活的 EventEmitter

<router-outlet (activate)="onRouterActivate($event)"></router-outlet>

$event 是你的路由组件，然后你可以监听一个事件。根据您想要实现的目标，使用服务可能是更好的选择。

【讨论】：