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

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