Event Nesnesi ve Angular Şablonundaki Parametreler

$event değişkenini diğer parametrelerle birleştirmek mümkündür. Bu durumda değerlerin sırası önemli değildir - Angular, $event yazılan parametreye olay nesnesini kendisi yerleştirecektir.

Bir örnek üzerinden inceleyelim. Bir parametre olarak bir dize ve olay nesnesini iletilim:

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

Bileşen sınıfı yönteminin parametrelerine iletilenleri yakalayalım:

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>