Binding Penangan Acara di Template Angular

Di Angular, penangan acara diikat kepada tag dengan cara khusus - menggunakan atribut. Dalam tanda kurung biasa ditentukan nama acara, dan dalam nilai atribut dipanggil metode kelas komponen, yang harus dieksekusi pada acara tersebut.

Sebagai contoh, mari kita buat agar klik pada tombol mengeksekusi metode show kelas komponen:

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

Sekarang tuliskan implementasi metode show dalam kelas komponen:

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