Angular: प्रपत्र: पृष्ठ पुनः लोड होता है जब NgForm को NgIf के माध्यम से हटाया/पुनर्स्थापित किया जाता है

को निर्मित 1 फ़र॰ 2016 · 3टिप्पणियाँ · स्रोत: angular/angular

विचित्र लेकिन निर्दोष रूप से उठे।

डीओएम से पिछले फॉर्म को टॉगल करके और active ध्वज पर पिन किए गए एनजीआईएफ के साथ वापस (गायब) फॉर्म रीसेट सुविधा को लागू करने का प्रयास किया

<form *ngIf="active" 
          (ngSubmit)="onSubmit()" #heroForm="ngForm">

इस तरह घटक clear विधि द्वारा नियंत्रित

  clear() {
    this.model = new Hero(42, '', '');
    this.active = false;
    setTimeout(()=> this.active=true, 0);
  }

जब फॉर्म वैध होता है (जैसा कि यह शुरुआत में है), क्लियर पर क्लिक करने से पेज रीलोड होता है। यदि फॉर्म अमान्य है (उदाहरण के लिए, कोई नाम नहीं), तो कोई पुनः लोड नहीं होता है।

यहाँ प्लंकर के माध्यम से एक रेपो है:
http://plnkr.co/edit/GNhLbONEDHyApCm9vUeh

स्रोत

wardbell

👍1

सबसे उपयोगी टिप्पणी

स्पष्ट बटन में "सबमिट" प्रकार होता है। तो उस पर क्लिक करने से फॉर्म सबमिट हो जाता है। NgForm को सबमिट इवेंट को इंटरसेप्ट करना चाहिए, लेकिन क्योंकि NgIf DOM से फॉर्म एलिमेंट को हटा देता है, इंटरसेप्शन नहीं होता है। आप बटन प्रकार को "बटन" पर सेट करके इसे ठीक कर सकते हैं।

vsavkin 1 फ़र॰ 2016

👍2 🎉1

सभी 3 टिप्पणियाँ

vsavkin 1 फ़र॰ 2016

👍2 🎉1

धन्यवाद। मुझे नहीं पता था कि एक <button> _बिना किसी प्रकार की विशेषता _ सबमिट बटन के समान है!
यह समस्या को ठीक करता है जैसा कि इस संशोधित प्लंकर में देखा गया है: http://plnkr.co/edit/u3ltLP84JHn2VkoFKf46?p=preview

इस मुद्दे को बंद करना और #6822 खोलना जो इस प्लंकर द्वारा सचित्र हैक को बदलने के लिए एक स्पष्ट reset सुविधा की मांग करता है।

wardbell 1 फ़र॰ 2016

👍1

निष्क्रियता के कारण यह समस्या अपने आप लॉक हो गई है।
यदि आप समान या संबंधित समस्या का सामना कर रहे हैं तो कृपया एक नया मुद्दा दर्ज करें।

हमारी स्वचालित वार्तालाप लॉकिंग नीति के बारे में और पढ़ें।

_{_यह क्रिया किसी बॉट द्वारा स्वचालित रूप से की गई है।_}

angular-automatic-lock-bot[bot] 8 सित॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Angular: प्रपत्र: पृष्ठ पुनः लोड होता है जब NgForm को NgIf के माध्यम से हटाया/पुनर्स्थापित किया जाता है

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों