具有自定义事件的Angular 4 dispatchEvent

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

我在这里使用第一个答案作为参考：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