Angular шаблонындагы окуя иштетүүчүлөрдү байлоо

Angular'да окуя иштетүүчүлөр тегдерге өзгөчө жол менен - атрибуттарды колдонуп байланат. Жаалы кашаада окуянын аты көрсөтүлөт, ал эми атрибуттун маанисинде ушул окуяда ишке ашырылышы керек болгон компонент классынын методу чакырылат.

Мисал үчүн, баскычты чыкылдатуу менен компонент классынын show методу ишке ашырылсын:

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

Эми компонент класстарында show методунун ишке ашырылышын жазалы:

app/app.component.tsexport class AppComponent {
  public show(): void {
    alert('test');
  }
}
Задание 1

Эки баскыч жасаңыз. Биринчисин чыкылдатканда колдонуучуну саламдаңыз, ал эми экинчисин чыкылдатканда аны менен коштошунгула.