为什么在Angular 2中为自定义组件单击两次函数触发器

Question

我的自定义组件click功能被触发两次 - 触发自定义组件的事件和样本级别事件.

这是我的Plunker:

https://plnkr.co/edit/wp2iWh7OStdPm5uXsWbP?p=preview

Answer 1

因为您已在子组件和父组件上绑定了两次.在mouseEvent从子组件到系统默认的父组件传播.您可以停止将事件传播到父组件.

模板:

<div (click)="divClick($event)">Custom Div Clcik here!</div>

类:

divClick(event) {
    event.stopPropagation();
    alert("divClick");
}