อ็อบเจ็กต์ 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>