具有自定义事件的Angular 4 dispatchEvent

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

导读：我的要求是将代码中的事件触发到父托管组件. 我在这里使用第一个答案作为参考：angular2 manually firing click event on particular element 如果我试试这个,它运作良好： this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('

我的要求是将代码中的事件触发到父托管组件.

我在这里使用第一个答案作为参考：angular2 manually firing click event on particular element

如果我试试这个,它运作良好：

this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('click'));

在父组件中我写了这个：

(click)="go()"

当上述代码出现时,它到达go方法.

但是,如果我使用一些自定义事件名称,这不起作用,例如：

this.itemHost.viewContainerRef.element.nativeElement.dispatchEvent(new Event('customEvent'));

并在父组件中：

(customEvent)="go()"

如何使用自定义事件执行此操作？

解决方法

你的活动没有冒泡.试试吧：

.dispatchEvent(new Event('customEvent',{ bubbles: true }));

Plunker Example

（编辑：李大同）

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