带有自定义事件的 Angular 4 dispatchEvent

Question

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

我在这里使用第一个答案作为引用: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()"

如何使用自定义事件来实现？

Answer 1

您的事件没有冒泡。试一试:

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

Plunker Example