AngularJS form निर्देश

AngularJS संदर्भ मानचित्र

वर्णन और उपयोग

AngularJS एडिट <form> एलीमेंट का डिफ़ॉल्ट व्यवहार

AngularJS अनुप्रयोग के भीतर फॉर्म को कुछ गुण दिए गए हैं। ये गुण फॉर्म की वर्तमान स्थिति का वर्णन करते हैं।

फॉर्म के पास निम्नलिखित स्थितियां हैं:

  • $pristine कोई भी फील्ड को अभी तक संशोधित नहीं किया गया है
  • $dirty एक या अधिक फील्ड बदला है
  • $invalid फॉर्म की सामग्री अवैध
  • $valid फॉर्म की सामग्री वैध
  • $subscribed फॉर्म सबमिट किया गया

प्रत्येक स्थिति का मान बूल वैल्यू प्रतिनिधित्व करता है, यह: true या false。

यदि action गुण निर्दिष्ट नहीं किया गया है, तो AngularJS में फॉर्म डिफ़ॉल्ट ऑपरेशन को रोकेगा, अर्थात फॉर्म को सर्वर पर सबमिट करना।

उदाहरण

उदाहरण 1

जब आवश्यक इनपुट फील्ड खाली है, तो इस फॉर्म का 'वैधता स्थिति' 'true' नहीं माना जाएगा:

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>फॉर्म की वैधता है:</p>
<h1>{{myForm.$valid}}</h1>

अपने आप सिर्फ प्रयोग कीजिए

उदाहरण 2

अपरिवर्तित (मूल) और परिवर्तित फॉर्म पर शैली लगाएं:

<style>
form.ng-pristine {
    background-color: lightblue;
}
form.ng-dirty {
    background-color: pink;
}
</style>

अपने आप सिर्फ प्रयोग कीजिए

व्याकरण

<form name="formname</form>

इसके द्वारा इस्तेमाल किया जाता है name पैरामीटर के मान को फॉर्म को संदर्भित करने के लिए इस्तेमाल किया जाता है。

CSS वर्ग

AngularJS अनुप्रयोग के अंदर फॉर्म को कुछ वर्ग दिए गए हैं।इन वर्गों का उपयोग फॉर्म के स्थिति के अनुसार फॉर्म के शैली निर्धारित करने के लिए किया जाता है。

निम्नलिखित वर्ग जोड़े गए:

  • ng-pristine कोई फील्ड बदला नहीं है
  • ng-dirty एक या अधिक फील्ड बदला है
  • ng-valid फॉर्म की सामग्री वैध
  • ng-invalid फॉर्म की सामग्री अवैध
  • ng-valid-key हर बार एक कुंजी को प्रमाणीकृत करें।उदाहरण में:ng-valid-requiredकई अनिवार्य प्रमाणीकरण होने पर बहुत उपयोगी है
  • ng-invalid-key उदाहरण में:ng-invalid-required

यदि वर्ग के प्रतिनिधित्व के लिए मान का मान है falseयदि इस वर्ग के वाली कोई विन्यास नहीं है, तो इसे मिटा दिया जाएगा。

AngularJS संदर्भ मानचित्र