angular 2+, как использовать и прослушивать выходной эмиттер при использовании фабрики createComponent

Question

Я создаю динамически компонент в ParentComp:

const factory = this.resolver.resolveComponentFactory<ChildComp>(component);
this.componentRef = this.container.createComponent(factory);
this.componentRef.instance.dataConfig = dataTab.dataConfig;

, и теперь мне нужно выдать какой-то результат из этого ChildComp и прослушать этот @output из ParentComp.

Как я могу получить эти данные?

Answer 1

Это может быть легко достигнуто, как показано ниже

В дочернем компоненте

 @Output() close = new EventEmitter<any>();

  emitEventMethodInChild() {
    this.close.emit('close')
  }

В родительском компоненте

this.componentRef.instance.close.subscribe(response => {
    console.log('response from child to parent',response);
   // Here you can receive data output form child to parent component
}

Здесь, в приведенном выше примере, я взял близко как Эмитент событий.

Надеюсь, это поможет!