angular – 如何使用DCL loadintolocation()加载的子组件调用父

发布时间：2020-12-17 17:50:22 所属栏目：安全来源：网络整理

导读：我在父组件中有一个事件.我想从使用DCL loadintolocation()创建的子组件中调用该事件.我在子组件中遵循此逻辑来引发事件 @Output() myevent1: EventEmitter;onSubmit() { console.log(this.myForm.value); this.myevent1.emit();} 我能够为已经提到的组件引

我在父组件中有一个事件.我想从使用DCL loadintolocation()创建的子组件中调用该事件.我在子组件中遵循此逻辑来引发事件

@Output() myevent1: EventEmitter;
onSubmit() {
  console.log(this.myForm.value);
  this.myevent1.emit();
}

我能够为已经提到的组件引发事件,但不能引发使用DCL创建的组件的事件.请告诉我如何从动态创建的组件中提升父组件中的事件.

这是我现在工作到http://plnkr.co/edit/2LJL4HxSc74XAyGmQMio?p=preview的plunker演示

解决方法

加载组件时,可以将子语言包含在可以调用父函数的子事件中.

dcl.loadIntoLocation(ChildComponent,elementRef,'child')
  .then((newComponent) => {
    newComponent.instance.event.subscribe(() => { .. call your parent ..});
  })

UPDATE

看到这里的plunker：http://plnkr.co/edit/DNmtl6TG5s2dsEUlVTvw?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!