Wiązanie procedur obsługi zdarzeń w szablonie Angular

W Angularze procedury obsługi zdarzeń są wiązane do tagów w specjalny sposób - za pomocą atrybutów. W okrągłych nawiasach podaje się nazwę zdarzenia, a w wartości atrybutu wywołuje się metodę klasy komponentu, która ma się wykonać w związku z tym zdarzeniem.

Dla przykładu zróbmy tak, aby po kliknięciu na przycisk wykonała się metoda show klasy komponentu:

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

Napiszmy teraz implementację metody show w klasie komponentu:

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