Het Event Object in Event Handler in Angular Template

In event handlers kun je het object Event verkrijgen. Hiervoor moet je aan de parameter van de gebonden methode de speciale variabele $event (met een dollarteken aan het begin) doorgeven:

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

Laten we het doorgegeven object in de methode van de class verkrijgen:

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