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

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

<button (click)="show($event)">
	button
</button>

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

export class AppComponent {
	public show(event: MouseEvent): void {
		console.log(event);
	}
}

เมื่อคลิก ให้รับอ็อบเจ็กต์เหตุการณ์และ แสดงผลในคอนโซล

รับพิกัดของการคลิกบนหน้าจอ