วิธีใช้ TypeScript เมื่อคลิกปุ่ม

ฉันกำลังพยายามใช้ TypeScript ในแอปพลิเคชันของฉัน สำหรับเรื่องนี้ฉันกำลังทำ POC และใน POC ฉันต้องการเรียกฟังก์ชันที่กำหนดในคลาส TypeScript เมื่อกดปุ่ม

เป็นไปได้ไหมที่จะเรียกฟังก์ชัน? ถ้าได้แล้วจะทำอย่างไร?

จนถึงตอนนี้ฉันได้เห็นตัวอย่างที่ฟังก์ชันถูกเรียกใช้งานเฉพาะตอนโหลดหน้าเท่านั้น ฉันต้องการเรียกใช้ฟังก์ชันเมื่อเกิดเหตุการณ์บางอย่าง

ขอบคุณ

คำตอบ #1

ฉันต้องเรียกใช้ฟังก์ชันเมื่อเกิดเหตุการณ์บางอย่าง

ถ้าฟังก์ชันเป็นแบบทั่วโลก เช่น TypeScript:

function foo(){
   alert('foo');
}

เพียงใช้ onclick เช่น html:

<button onclick="foo()">click me!</button>

จำไว้ว่า TypeScript คือ (เกือบ) JavaScript

อย่างไรก็ตามฉันขอแนะนำให้ใช้เฟรมเวิร์กเช่น Angular ร่วมกับ TypeScript เพื่อความสามารถในการบำรุงรักษา เป็นตัวอย่างลองดูที่เบราว์เซอร์ Quickstart

คำตอบ #2

HTML จะเป็น:

<button (click)="myMethod($event)">Click Event</button>

ฟังก์ชันในไฟล์ .ts

private myMethod(event:any):void
{
   alert(JSON.stringify(event));
}