Angular टेम्पलेट में इवेंट हैंडलर्स को बाइंड करना
Angular में, इवेंट हैंडलर्स को टैग से एक विशेष तरीके से बाइंड किया जाता है - एट्रिब्यूट्स का उपयोग करके। गोल कोष्ठकों में इवेंट का नाम निर्दिष्ट किया जाता है, और एट्रिब्यूट के वैल्यू में वह मेथड कॉल किया जाता है जो कंपोनेंट क्लास का है और जो उस इवेंट पर एक्सेक्यूट होना चाहिए।
उदाहरण के लिए, आइए ऐसा करें कि
बटन पर क्लिक करने पर show मेथड
एक्सेक्यूट हो:
<button (click)="show()">
button
</button>
आइए अब कंपोनेंट क्लास में show मेथड का
इम्प्लीमेंटेशन लिखें:
export class AppComponent {
public show(): void {
alert('test');
}
}
दो बटन बनाएं। पहले बटन पर क्लिक करने पर यूजर को ग्रीट करें (नमस्ते कहें), और दूसरे बटन पर क्लिक करने पर - उन्हें अलविदा कहें।
