Legarea manipulatoarelor de evenimente în șablonul Angular

În Angular, manipulatoarele de evenimente sunt legate de tag-uri într-un mod special - cu ajutorul atributelor. În paranteze rotunde este indicat numele evenimentului, iar în valoarea atributului este apelată o metodă a clasei componente, care trebuie să se execute la acest eveniment.

De exemplu, să facem ca la click pe buton să se execute metoda show a clasei componente:

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

Acum să scriem implementarea metodei show în clasa componentei:

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