Event Handler Binding i Angular-skabeloner

I Angular bindes event handlers til tags på en speciel måde - ved hjælp af attributter. I de runde parenteser angives begivenhedens navn, og i attributtets værdi kaldes metoden fra komponentklassen, som skal udføres ved denne begivenhed.

Lad os for eksempel gøre sådan, at ved et klik på knappen udføres metoden show fra komponentklassen:

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

Lad os nu skrive implementeringen af metoden show i komponentklassen:

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