AngularJS input निर्देशक
रोज़ी और उपयोग
AngularJS को <input> एलिमेंट के डिफ़ॉल्ट व्यवहार को बदलता है, लेकिन यह तभी होता है जब ng-model गुण मौजूद हो
वे डाटा बांधन प्रदान करती हैं, यानी वे AngularJS मॉडल के एक हिस्से हैं और उन्हें AngularJS फ़ंक्शनों और DOM में संदर्भित और अद्यतन किया जा सकता है。
वे वे प्रदान करती हैं। उदाहरण: जो required गुण का <input> खाली होने पर उसके $valid स्थिति इस एलिमेंट के लिए निर्धारित की जाएगी false।
वे यहां तक कि स्थिति नियंत्रण भी प्रदान करती हैं। AngularJS सभी इनपुट एलिमेंट की वर्तमान स्थिति को सहेजता है。
इनपुट फील्ड निम्नलिखित स्थितियों में है:
$untouchedयह फील्ड स्पर्श नहीं किया गया है$touchedयह फील्ड स्पर्श किया गया है$pristineयह फील्ड अभी तक परिवर्तित नहीं किया गया है$dirtyयह फील्ड परिवर्तित किया गया है$invalidफील्ड की सामग्री अवैध$validफील्ड की सामग्री वैध
हर स्थिति का मान एक बूल वैल्यू के रूप में प्रतिनिधित्व करता है，जो true या false।
इंस्टांस
डाटा बांधन वाला इनपुट बॉक्स:
<input ng-model="myInput">
<p>इनपुट बॉक्स का मान है：</p>
<h1>{{myInput}}</h1>
व्याकरण
<input ng-model="name">
इस्तेमाल करने के लिए ng-model गुण का मूल्य इनपुट एलिमेंट को उल्लेख करने के लिए इस्तेमाल किया जाता है。
CSS क्लास
AngularJS अनुप्रयोग के अंदर <input> एलिमेंट को कुछ क्लास दी गई हैं। इन क्लासों का उपयोग इनपुट एलिमेंट की स्थिति के अनुसार शैली निर्धारित करने के लिए किया जा सकता है。
नीचे की क्लासें जोड़ी गई हैं:
ng-untouchedयह फील्ड स्पर्श नहीं किया गया हैng-touchedयह फील्ड स्पर्श किया गया हैng-pristineयह फील्ड अभी तक परिवर्तित नहीं किया गया हैng-dirtyयह फील्ड परिवर्तित किया गया हैng-validफील्ड की सामग्री वैधफील्ड की सामग्री अवैधफील्ड की सामग्री अवैधng-valid-keyप्रत्येक चाबी के लिए एक बार जांच करें।उदाहरण:ng-valid-requiredएकाधिक चेक करने के लिए बहुत उपयोगी हैng-invalid-keyउदाहरण:ng-invalid-required
यदि क्लास के प्रतिनिधित्व वाली वाल्यू का मान falseयदि वे क्लासों को हटाना है, तो इस तरह करें。
इंस्टांस
स्टैंडर्ड सीएसएस द्वारा वैध और अवैध इनपुट एलीमेंट के लिए शैली लगाएं:
<style>
input.ng-invalid {
background-color: pink;
}
input.ng-valid {
background-color: lightgreen;
}
</style>
