Das Event-Objekt im Event-Handler einer Angular-Vorlage

In Event-Handlern kann das Event-Objekt abgerufen werden. Dazu muss der speziellen Variable $event (mit Dollarzeichen am Anfang) als Parameter an die gebundene Methode übergeben werden:

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

Lassen Sie uns das übergebene Objekt in der Methode der Klasse erhalten:

app/app.component.tsexport class AppComponent {
  public show(event: MouseEvent): void {
    console.log(event);
  }
}
Задание 1

Erhalten Sie bei einem Klick das Event-Objekt und geben Sie es in der Konsole aus.

Задание 2

Erhalten Sie die Koordinaten des Klicks auf dem Bildschirm.