Event-Objekt und Parameter in Angular-Vorlagen

Man kann die Variable $event mit anderen Parametern kombinieren. Dabei spielt die Reihenfolge keine Rolle - Angular fügt das Ereignisobjekt selbst in den Parameter ein, in dem $event geschrieben steht.

Sehen wir uns ein Beispiel an. Übergeben wir einen String und das Ereignisobjekt als Parameter:

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

Fangen wir die an die Klassenmethode der Komponente übergebenen Parameter ab:

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>