Angular Reactive Forms (Hindi/Urdu)

Angular में रिएक्टिव फॉर्म्स का उपयोग करके फॉर्म कैसे बनाएं, इसके बारे में जानने के लिए नीचे दी गई जानकारी देखें।

रिएक्टिव फॉर्म्स का इस्तेमाल क्यों करें?

जब हम एंगुलर में एक फॉर्म बनाते हैं, तो हम अपने डेटा को एक या एक से अधिक मॉडल में संग्रहित करते हैं। रिएक्टिव फॉर्म्स की मदद से हम इनपुट फील्ड्स के लिए validators लगा सकते हैं, जिससे डेटा को वैधता की जांच की जा सके। इसके साथ ही रिएक्टिव फॉर्म्स मुख्य यह भी करने में सक्षम हैं कि फॉर्म डेटा को डायनामिक शिपिंग कर सकें, मतलब एक इंटरेक्टिव तरीके से जो डेटा बदले हमें उसका पता चल सके।

रिएक्टिव फॉर्म बनाने का तरीका:

1. सबसे पहले अपने एप्लिकेशन में अपने मॉड्यूल में निम्नलिखित को इंपोर्ट करें:


import { ReactiveFormsModule } from '@angular/forms';


2. फॉर्म बनाने के लिए FormGroup और FormControl की जरूरत होती है, नीचे दिए गए उदाहरण को देखें:


this.myForm = new FormGroup({
name: new FormControl(''),
email: new FormControl('', Validators.email)
});


3. अब फॉर्म को इनपुट एलीमेंट के साथ जोड़ें, नीचे दिए गए उदाहरण को देखें:

इस तरह से आप एंगुलर में रिएक्टिव फॉर्म्स का उपयोग कर के फॉर्म बना सकते हैं।