Thursday, 15 January 2015

javascript - Dynamically added ng-form and validation -


मेरे पास ng-form युक्त टेम्पलेट के साथ एक निर्देश है:

  & lt; ng-form नाम = "autocompleteForm" & gt; & Lt; div class = "form-group" show-errors & gt; & Lt; input type = "text" class = "form-control" ng- मॉडल = "ctrl.val.value" नाम = "आटोक्लोप्लेटेफ़िल्ड" आवश्यक & gt; & Lt; div वर्ग = "संदेश" एनजी-संदेश = "स्वत: पूर्णतया फ़ार्म। ऑटोकोम्पलेटेफ़िल्ड। $ त्रुटि" & gt; & Lt; span class = "help-block" ng-message = "आवश्यक" & gt; कृपया, मान चुनें & lt; / span & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / एनजी फार्म & gt;  

और मैं इस रूप को गतिशील रूप से एनजी-दोहराने से जोड़ता हूं। सब कुछ - स्वयं फार्म, सत्यापन - काम करता है, लेकिन एक परेशानी बात है: फ़ॉर्म के बाद जोड़ा गया यह $ अमान्य है और त्रुटि संदेश दिखाया गया है। यह निश्चित नहीं है कि ऐसा क्यों हो रहा है और यह कैसे ठीक करें। फ़ॉर्म के बाद फार्म का ऑब्जेक्ट है:

  {"$ error": {"required": [{"$ validators": {}, "$ asyncValidators": {}, "$ पार्सर्स ": []," $ स्वरूपण ": [नल]," $ दृश्य परिवर्तन लिस्टेनर्स ": []," $ अछूता ": सही," $ छुआ ": गलत," $ प्राचीन ": सच है," $ गंदे ": गलत , "$ मान्य": गलत, "$ अमान्य": सच है, "$ त्रुटि": {"आवश्यक": सत्य}, "$ name": "स्वत: पूर्णतयाफ़िल्ड", "$ विकल्प": null}]}, "$ name "" $ $ ": गलत," $ गंदा ": गलत," $ pristine ": सच है," $ मान्य ": गलत," $ अमान्य ": सच है," $ सबमिट किया गया ": गलत," स्वत: पूर्णतयाफ़िल्ड ": {" $ validators " : {}, "$ AsyncValidators": {}, "$ पार्सर्स": [], "$ फ़ॉर्मेटर्स": [ गलत, "$ गंदा": गलत, "$ मान्य": गलत, "$ अमान्य", "$ viewChangeListeners": [], "$ अछूता" : "$ Error"} {/ code>  

गतिशील रूप से लिखने वाले कुछ ब्लॉग मिलते हैं: सही, "$ error": {"required": true}, "$ name": "autocompletefield", "$ options": null}} जोड़े गए रूप () और उनके समान व्यवहार भी हैं। क्या यह डिफ़ॉल्ट कोण का रास्ता है? या "प्रारंभिक सत्यापन" को रोकने के कुछ विकल्प हैं?

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

  & lt; div class = "messages" ng-messages = "autocompleteForm.autocompleteField। $ Error" ng- if = "autocompleteForm $ प्रस्तुत की।" & gt; & Lt; span class = "help-block" ng-message = "आवश्यक" & gt; कृपया, मान चुनें & lt; / span & gt; & Lt; / div & gt;  

No comments:

Post a Comment