我有一个 Angular4 组件,一旦用户按下加号按钮,它就会动态创建许多子组件。子组件有一个输入选择,必须在选项选择后向父组件发送信息。
子组件由 ComponentFactoryResolver 创建,如下所示
let componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyComponent);
let viewContainerRef = this.anchor.viewContainerRef;
viewContainerRef.createComponent(componentFactory);
子组件使用 EventEmitter 进行输出,但应用程序运行时没有任何反应。
我尝试过没有动态创建并且工作正常。
我搜索了很多例子,但没有一个考虑 Angular4 或父级与动态创建的子级之间的通信。
尝试这个:
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
是您从子组件发出的变量名称。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)