Vázání obslužných rutin událostí v šabloně Angular

V Angular se obslužné rutiny událostí vážou k tagům zvláštním způsobem - pomocí atributů. V kulatých závorkách je uveden název události, a v hodnotě atributu je volána metoda třídy komponenty, která se má spustit při této události.

Jako příklad udělejme, aby po kliknutí na tlačítko byla provedena metoda show třídy komponenty:

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

Nyní napišme implementaci metody show v třídě komponenty:

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