Angular 6：如何在使用componentref动态创建的组件之间进行双向通信

Question

如何使用component-ref动态创建的组件之间进行双向通信。 我的父组件中有同一组件的多个实例。

我不满意删除所有组件并再次创建它们。

Answer 1

const CompDynamicFactory = this.factoryResolver.resolveComponentFactory(yourComponent);
const yourComponent = this.container.createComponent(CompDynamicFactory );
this.nameComp = yourComponent.instance;

在动态组件中添加@input和@output

然后可以通过实例在组件之间动态通信。

例：

this.childComp.instance.nameEvent.emit();