การผูกตัวจัดการเหตุการณ์ในเทมเพลต Angular

ใน Angular ตัวจัดการเหตุการณ์จะถูกผูกกับแท็กในลักษณะพิเศษ - โดยใช้แอตทริบิวต์ ภายในวงเล็บจะระบุชื่อเหตุการณ์ และในค่าของแอตทริบิวต์จะเรียกใช้เมธอด ของคลาสคอมโพเนนต์ ซึ่งควรจะทำงาน เมื่อเกิดเหตุการณ์นั้น

ตัวอย่างเช่น ลองทำให้เมื่อคลิกที่ ปุ่มแล้วเมธอด show ของคลาสคอมโพเนนต์ทำงาน:

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

ตอนนี้มาเขียนการimplement เมธอด show ในคลาสคอมโพเนนต์:

app/app.component.tsexport class AppComponent {
  public show(): void {
    alert('test');
  }
}