Врзување на ракувачи на настани во шаблонот на Angular

Во Angular, ракувачите на настани се врзани за ознаки на посебен начин - со користење на атрибути. Во заградните се наведува името на настанот, а во вредноста на атрибутот се повикува метод од класата на компонентата кој треба да се изврши при тој настан.

За пример, ајде да направиме така што при клик на копчето да се изврши методот show од класата на компонентата:

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

Сега да ја напишеме имплементацијата на методот show во класата на компонентата:

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