angular

Debugging duplicate click events

While trying to debug this issue, we found out a couple of interesting things about how Angular manages event handlers. The double click event bug can be recreated easily with the following example app. The important parts are: The “click” Output of the button component: <button (click)="clicked($event)"> <ng-content></ng-content> </button> export class TestButtonComponent implements OnInit { @Output() click: EventEmitter<MouseEvent>; clicked(e: MouseEvent) { console.log('TestButtonComponent: clicked!'); this.click.emit(e) } ... } and the code which listens to the event:
Read more