Angular-ի թեմպլեյթում իրադարձությունների մշակիչների կապում

Angular-ում իրադարձությունների մշակիչները կապվում են թեգերի հետ հատուկ կերպով` օգտագործելով ատրիբուտներ: Փակագծերում նշվում է իրադարձության անունը, իսկ ատրիբուտի արժեքում կանչվում է դասի մեթոդ, որը պետք է կատարվի այդ իրադարձության դեպքում:

Օրինակի համար եկեք անենք, որ կոճակի վրա կտտացնելիս կատարվի show դասի մեթոդը:

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

Հիմա գրենք show մեթոդի իրականացումը դասի մեջ:

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