Прывязка апрацоўшчыкаў падзей у тэмплейце Angular

У Angular апрацоўшчыкі падзей прывязваюцца да тэгаў асаблівым чынам - з дапамогай атрыбутаў. У круглых дужках паказваецца імя падзеі, а ў значэнні атрыбута выклікаецца метад класа кампанента, які павінен выканацца па гэтай падзеі.

Для прыкладу давайце зробім так, каб па кліку на кнопку выканаўся метад show класа кампанента:

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

Напішам цяпер рэалізацыю метаду show у класе кампанента:

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