17 | Angular Two Way Data Binding | Two Way Binding In Angular | ngModel Directive (Hindi/Urdu)

अंगुलर में दो तरफ़ा डेटा बाइंडिंग एक उत्कृष्ट फ़ीचर है जो हमें दोनों डेटा स्त्रीम को सिंक्रोनाइज़ करने की अनुमति देता है। इसे जोड़ने के लिए, हमें एक न्यूडेटा बाइंडिंग का उपयोग करना होता है। यह उन्हें स्ट्रीमों के बीच संचालित करने की दर्शाती है।

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

उदाहरण के लिए, अगर हमें एक इनपुट बॉक्स बनाना है जिसे उपयोगकर्ता आईएनपुट कर सकता है और उसका वैल्यू उसी प्रकार एक मॉडल में अपडेट किया जा सकता है, तो हम निम्नलिखित कोड का उपयोग कर सकते हैं।

यहाँ, “name” वैल्यू एक मॉडल है जो उपयोगकर्ता इनपुट करता है और जब उसे थक ै और परिणाम मॉडल में अपडेट किया जाता है। इस प्रक्रिया को दो तरफ़ा डेटा बाइंडिंग कहा जाता है।