动态创建的子组件与父组件之间的Angular4通信

Question

我有一个Angular4组件，一旦用户按下加号按钮，它就会动态创建许多子级。 子组件具有输入选择，必须在选择选项后将信息发送到父组件。

子组件由ComponentFactoryResolver创建，如下节

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyComponent);
let viewContainerRef = this.anchor.viewContainerRef;
viewContainerRef.createComponent(componentFactory);

子组件具有使用EventEmitter的输出，但是在应用程序运行时没有任何反应。

我尝试了没有动态创建并且效果很好。

我搜索了许多示例，但没有一个示例考虑angular4或父级与动态创建的子级之间的通信。

Answer 1

尝试这个：

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyComponent);
let viewContainerRef = this.anchor.viewContainerRef;

const dynamicComponentInstance = viewContainerRef.createComponent(componentFactory).instance;
dynamicComponentInstance['childEventEmitter'].subscribe((eventEmitter) => {
  console.log(eventEmitter)
});

childEventEmitter是从子组件中发出的变量名称。