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

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

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

<button (click)="show('eee', $event)">
	button
</button>

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

export class AppComponent {
	public show(arg: string, event: MouseEvent): void {
		console.log(event);
	}
}

渡されたパラメータを変数でキャッチしてください:

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