Angular में फ़ॉर्म डाटा को रीसेट कैसे करें

जब आप एंगुलर में फ़ॉर्म सबमिट करते हैं, तो फ़ॉर्म डाटा को रीसेट करना एक आम सी जरूरत होती है। यह आर्टिकल आपको बताएगा कि आप एंगुलर में फ़ॉर्म डाटा को कैसे रीसेट कर सकते हैं।

विधि 1: जावास्क्रिप्ट का उपयोग करके

सबसे सरल तरीके से, आप जावास्क्रिप्ट का उपयोग करके फ़ॉर्म डाटा को रीसेट कर सकते हैं। नीचे दिए गए कोड को अपने एंगुलर प्रोजेक्ट में जोड़ें:

        
formReset() {
  this.myForm.reset();
}
        
    

विधि 2: डायनामिक रूप में

एंगुलर में फ़ॉर्म को डायनामिक रूप में दिखाने के लिए, आप निम्नलिखित तरीके से कोड का इस्तेमाल कर सकते हैं:

        
@ViewChild('myForm') form: NgForm;

formReset() {
  this.form.resetForm();
}
        
    

विधि 3: फ़ॉर्म सबमिट के बाद रीसेट करना

अगर आप चाहते हैं कि फ़ॉर्म सबमिट होने के बाद फ़ॉर्म डाटा रीसेट हो जाए, तो आप निम्नलिखित तरीके से कोड का इस्तेमाल कर सकते हैं:

        
formSubmit() {
  // कोई API कॉल करें और फ़ॉर्म डाटा सबमिट करें
  this.myForm.reset();
}
        
    

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