การผูกตัวจัดการเหตุการณ์ในเทมเพลต Angular
ใน Angular ตัวจัดการเหตุการณ์จะถูกผูกกับแท็กในลักษณะพิเศษ - โดยใช้แอตทริบิวต์ ภายในวงเล็บจะระบุชื่อเหตุการณ์ และในค่าของแอตทริบิวต์จะเรียกใช้เมธอด ของคลาสคอมโพเนนต์ ซึ่งควรจะทำงาน เมื่อเกิดเหตุการณ์นั้น
ตัวอย่างเช่น ลองทำให้เมื่อคลิกที่
ปุ่มแล้วเมธอด show
ของคลาสคอมโพเนนต์ทำงาน:
<button (click)="show()">
button
</button>
ตอนนี้มาเขียนการimplement เมธอด show
ในคลาสคอมโพเนนต์:
export class AppComponent {
public show(): void {
alert('test');
}
}
สร้างปุ่มสองปุ่ม เมื่อคลิกที่ปุ่มแรก ให้ทักทายผู้ใช้ และเมื่อคลิก ที่ปุ่มที่สอง - ให้กล่าวลาผู้ใช้
