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

イベントハンドラーでは、Eventオブジェクトを取得できます。そのためには、バインドされたメソッドのパラメーターに特別な変数$event (先頭にドル記号を付ける) を渡す必要があります:

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

クラスのメソッドで渡されたオブジェクトを取得してみましょう:

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

クリック時にイベントオブジェクトを取得し、コンソールに出力してください。

画面でのクリック座標を取得してください。