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:

app/app.component.html<button (click)="show($event)">
  button
</button>

Let's get the passed object in the class method:

app/app.component.tsexport class AppComponent {
  public show(event: MouseEvent): void {
    console.log(event);
  }
}