Oggetto Event e parametri nel template Angular

È possibile combinare la variabile $event con altri parametri. In questo caso, l'ordine dei valori non ha importanza - Angular stesso inserirà l'oggetto dell'evento nel parametro dove è scritto $event.

Diamo un'occhiata a un esempio. Passiamo una stringa come parametro e l'oggetto dell'evento:

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

Intercettiamo ciò che è stato passato nei parametri del metodo della classe componente:

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>