AngularテンプレートにおけるEventオブジェクトとパラメータ

変数 $event を他のパラメータと 組み合わせることができます。この場合、 値の順序は重要ではありません - Angularが $event と書かれたパラメータに イベントオブジェクトを自動的に挿入します。

例を見てみましょう。文字列とイベントオブジェクトを パラメータとして渡します:

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

コンポーネントクラスのメソッドのパラメータで 渡された値をキャッチします:

app/app.component.tsexport class AppComponent {
  public show(arg: string, event: MouseEvent): void {
    console.log(event);
  }
}

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