Event object in event handler in Angular template
In event handlers, you can get an object Event. To do this, you need to pass a special variable $event (with a dollar sign at the beginning) to the parameter of the bound method:
<button (click)="show($event)">
button
</button>
Let's get the passed object in the class method:
export class AppComponent {
public show(event: MouseEvent): void {
console.log(event);
}
}
On click, get an object with an event and output it to the console.
Get the coordinates of the click on the screen.
