Event objektum és paraméterek az Angular template-ben

A $event változó kombinálható más paraméterekkel. Eközben a sorrend nem számít - Angular maga illeszti be az eseményobjektumot abba a paraméterbe, ahol a $event szerepel.

Nézzük meg egy példán. Adjunk át egy szöveges paramétert és az eseményobjektumot:

app/app.component.html<button (click)="show('eee', $event)">
  button
</button>

Kapjuk el az átadott paramétereket a komponens osztály metódusában:

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>