javascript - Angular 4 中的 entryComponents，如何监听父元素中的事件，从 entryComponnents 发出

Question

我有一个场景，其中一个组件通过 entryComponents 注入(inject)。在这种情况下，父组件如何监听子组件事件(即通过 eventemitter 发出)

Answer 1

如果你注入(inject)它，这意味着你自己实例化了它，那么你可以简单地保持对它的引用并订阅公共(public) EventEmitter。

在创建您的 ComponentPortal 之后，您将它附加到 PortalOutlet 或 OverlayRef。 attach 的返回值包含注入(inject)组件的实例。

例如，假设您的组件名为 SomeComponent 并且有一个名为 someEventEmitter 的 EventEmitter:

let portal = new ComponentPortal(componentFactory.componentType);

let component = overlayRef.attach<SomeComponent>(portal);

component.instance.someEventEmitter.subscribe(() => {
  //Some code
});