Bindning av händelsehanterare i Angular-mall

I Angular binds händelsehanterare till taggar på ett speciellt sätt - med hjälp av attribut. I runda parenteser anges händelsens namn, och i attributets värde anropas en metod från komponentklassen som ska köras vid denna händelse.

Låt oss som exempel göra så att vid klick på en knapp körs metoden show i komponentklassen:

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

Låt oss nu skriva implementationen av metoden show i komponentklassen:

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