Angular Şablonunda Olay İşleyicileri Bağlama

Angular'da olay işleyicileri, etiketlere özel bir şekilde - nitelikler kullanılarak bağlanır. Parantez içinde olayın adı belirtilir, ve niteliğin değerinde, o olay tetiklendiğinde çalıştırılması gereken bileşen sınıfına ait bir yöntem çağrılır.

Örnek olarak, bir butona tıklandığında bileşen sınıfının show yönteminin çalıştırılmasını sağlayalım:

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

Şimdi bileşen sınıfında show yönteminin gerçekleştirimini yazalım:

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