Event-voorwerp in gebeurtenishanteraar in Angular-sjabloon

In gebeurtenishanteraars kan jy die Event-voorwerp ontvang. Om dit te doen, moet jy die spesiale veranderlike $event (met 'n dollar-teken aan die begin) aan die gebonde metode se parameter oordra:

app/app.component.html<button (click)="show($event)">
  button
</button>

Kom ons kry die oorgedraagde voorwerp in die klasmetode:

app/app.component.tsexport class AppComponent {
  public show(event: MouseEvent): void {
    console.log(event);
  }
}
Задание 1

Kry die gebeurtenisvoorwerp by 'n klik en vertoon dit in die konsole.

Задание 2

Kry die koördinate van die klik op die skerm.