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.