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:
<button (click)="show($event)">
button
</button>
Lassen Sie uns das übergebene Objekt in der Methode der Klasse erhalten:
export class AppComponent {
public show(event: MouseEvent): void {
console.log(event);
}
}
Erhalten Sie bei einem Klick das Event-Objekt und geben Sie es in der Konsole aus.
Erhalten Sie die Koordinaten des Klicks auf dem Bildschirm.
