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

Можно комбинировать переменную $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>