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:
<button (click)="show($event)">
button
</button>
Laten we het doorgegeven object in de methode van de class verkrijgen:
export class AppComponent {
public show(event: MouseEvent): void {
console.log(event);
}
}
Verkrijg bij een klik het object met het event en toon het in de console.
Verkrijg de coördinaten van de klik op het scherm.