子动态创建的组件与父组件之间的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 是您从子组件发出的变量名。