Eseménykezelők kötése az Angular template-ben

Az Angularban az eseménykezelőket speciális módon kötjük a címkékhez - attribútumok segítségével. A kerek zárójelek között az esemény neve van megadva, az attribútum értékében pedig meghívjuk azt a metódust a komponens osztályból, amelynek az adott esemény hatására végre kell hajtódnia.

Példaként tegyük úgy, hogy a gombra kattintáskor végrehajtódik a show metódus a komponens osztályból:

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

Most írjuk meg a show metódus implementációját a komponens osztályban:

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