Объект Event в обработчике события в темплейте Angular

В обработчиках событий можно получать объект Event. Для этого нужно в параметр привязанного метода передать специальную переменную $event (с долларом в начале):

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

Давайте получим переданный объект в методе класса:

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

По клику получите объект с событием и выведите его в консоль.

Получите координаты клика на экране.