อ็อบเจ็กต์ Event ในตัวจัดการเหตุการณ์ในเทมเพลต Angular

ในตัวจัดการเหตุการณ์สามารถรับอ็อบเจ็กต์ Event ได้ สำหรับสิ่งนี้จำเป็นต้องส่งตัวแปรพิเศษ $event (มีเครื่องหมายดอลลาร์ที่ต้น) ไปยังพารามิเตอร์ของเมธอดที่ผูกไว้:

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

มาเริ่มรับอ็อบเจ็กต์ที่ส่งผ่านในเมธอด คลาสกัน:

app/app.component.tsexport class AppComponent {
  public show(event: MouseEvent): void {
    console.log(event);
  }
}