Το αντικείμενο 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

Λάβετε τις συντεταγμένες του κλικ στην οθόνη.