Angularテンプレート内のイベントハンドラーにおけるEventオブジェクト

イベントハンドラーでは、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);
  }
}