Το αντικείμενο Event στο χειριστή συμβάντων στο πρότυπο Angular
Στους χειριστές συμβάντων μπορούμε να λαμβάνουμε το αντικείμενο
Event.
Για να το κάνετε αυτό, πρέπει να μεταβιβάσετε μια ειδική μεταβλητή $event
(με δολάριο στην αρχή) στην παράμετρο της δεσμευμένης
μεθόδου:
app/app.component.html<button (click)="show($event)">
button
</button>
Ας λάβουμε το αντικείμενο που μεταβιβάστηκε στη μέθοδο της κλάσης:
app/app.component.tsexport class AppComponent {
public show(event: MouseEvent): void {
console.log(event);
}
}
Задание 1
Στην κλικ λάβετε το αντικείμενο του συμβάντος και εμφανίστε το στην κονσόλα.
Задание 2
Λάβετε τις συντεταγμένες του κλικ στην οθόνη.