Angular में टेम्प्लेट रेफरेंस वेरिएबल का उपयोग करके टेक्स्ट बॉक्स का मान कैसे प्राप्त करें
अगर आप एंगुलर में टेम्प्लेट रेफरेंस वेरिएबल के माध्यम से टेक्स्ट बॉक्स का मान प्राप्त करना चाहते हैं, तो निम्नलिखित तरीके का उपयोग कर सकते हैं।
तरीका #1: टेम्प्लेट रेफरेंस वेरिएबल
टेम्प्लेट रेफरेंस वेरिएबल के उपयोग से हम टेक्स्ट बॉक्स के मान को प्राप्त कर सकते हैं। नीचे दिए गए कोड की मदद से आप इसे व्यवस्थित तरीके से लागू कर सकते हैं।
<input #textBoxRef type="text">
<button (click)="getValue(textBoxRef.value)">Get Value</button>
इस कोड में, हमने एक टेम्प्लेट रेफरेंस वेरिएबल #textBoxRef
बनाया है जिसे हमने इनपुट बॉक्स पर लगाया है। जब हम ‘Get Value’ बटन पर क्लिक करेंगे तो getValue
फंक्शन को कॉल किया जाएगा और उसमें हम textBoxRef के मान को प्राप्त करेंगे।
तरीका #2: एंगुलर में टेम्प्लेट रेफरेंस वेरिएबल
एंगुलर में टेम्प्लेट रेफरेंस वेरिएबल का उपयोग करके भी हम टेक्स्ट बॉक्स के मान को प्राप्त कर सकते हैं। नीचे दिए गए कोड की मदद से आप इसे व्यवस्थित तरीके से लागू कर सकते हैं।
<input #textBoxRef type="text" [(ngModel)]="textBoxValue">
<button (click)="getValue()">Get Value</button>
इस कोड में, हमने एक टेम्प्लेट रेफरेंस वेरिएबल #textBoxRef
बनाया है और उसे इनपुट बॉक्स पर लगाया है। [(ngModel)]
डिरेक्टिव के माध्यम से हमने इसे डाटा बाइंड किया है। ‘Get Value’ बटन पर क्लिक करने पर, हम getValue
फंक्शन को कॉल करेंगे जिसमें हम इसे प्राप्त करेंगे।
aoa sir ap ky purany channel m Adsen band hu gy ha pr ap ny wha sy yeh course qu hta deya ha Jb ky baki tmam courses still majood hn.
So..fluently lecture sir..❤❤👍👍😊😊
Sir design pattern C# ki class lekar aai plz
Bhai core bhi complete kr do jitni fast aur tutorial bna rhe ho..