Angular टेम्पलेट में इवेंट हैंडलर्स को बाइंड करना

Angular में, इवेंट हैंडलर्स को टैग से एक विशेष तरीके से बाइंड किया जाता है - एट्रिब्यूट्स का उपयोग करके। गोल कोष्ठकों में इवेंट का नाम निर्दिष्ट किया जाता है, और एट्रिब्यूट के वैल्यू में वह मेथड कॉल किया जाता है जो कंपोनेंट क्लास का है और जो उस इवेंट पर एक्सेक्यूट होना चाहिए।

उदाहरण के लिए, आइए ऐसा करें कि बटन पर क्लिक करने पर show मेथड एक्सेक्यूट हो:

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

आइए अब कंपोनेंट क्लास में show मेथड का इम्प्लीमेंटेशन लिखें:

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