14 | Angular में टेक्स बॉक्स का मान कैसे प्राप्त करें | Angular में टेम्पलेट संदर्भ परिमाण की मूल्यांकन (हिंदी/उर्दू)

Posted by

How To Get Value Of Text Box In Angular | Template Reference Variable In Angular

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 फंक्शन को कॉल करेंगे जिसमें हम इसे प्राप्त करेंगे।

0 0 votes
Article Rating
4 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@sunnyasaad9030
10 months ago

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.

@kisanrathod9488
10 months ago

So..fluently lecture sir..❤❤👍👍😊😊

@SatyamSingh-jg3cs
10 months ago

Sir design pattern C# ki class lekar aai plz

@rajatgupta6083
10 months ago

Bhai core bhi complete kr do jitni fast aur tutorial bna rhe ho..