AngularJS में $ गुंजाइश क्या है?
AngularJS में $ गुंजाइश एक अंतर्निहित वस्तु है जो मूल रूप से "नियंत्रक" और "दृश्य" को बांधती है। एक नियंत्रक के दायरे में सदस्य चर को परिभाषित कर सकता है जिसे तब दृश्य द्वारा एक्सेस किया जा सकता है।
नीचे दिए गए उदाहरण पर विचार करें:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
कोड स्पष्टीकरण:
- मॉड्यूल का नाम "ऐप" है
- नियंत्रक का नाम "HelloWorldCntrl" है
- स्कोप ऑब्जेक्ट मुख्य वस्तु है जिसका उपयोग नियंत्रक से दृश्य में जानकारी पारित करने के लिए किया जाता है।
- सदस्य चर को स्कोप ऑब्जेक्ट में जोड़ा गया
व्यवहार स्थापित करना या जोड़ना
घटनाओं पर प्रतिक्रिया करने या दृश्य में किसी प्रकार की संगणना / प्रक्रिया को निष्पादित करने के लिए, हमें कार्यक्षेत्र को व्यवहार प्रदान करना चाहिए।
व्यवहार को विशिष्ट घटनाओं पर प्रतिक्रिया देने के लिए ऑब्जेक्ट्स के दायरे में जोड़ा जाता है, जिसे व्यू द्वारा ट्रिगर किया जा सकता है। एक बार व्यवहार को नियंत्रक में परिभाषित करने के बाद, इसे दृश्य द्वारा एक्सेस किया जा सकता है।
आइए एक उदाहरण देखें कि हम इसे कैसे प्राप्त कर सकते हैं।
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
कोड स्पष्टीकरण:
- हम "fullName" नामक एक व्यवहार बना रहे हैं। यह व्यवहार एक फ़ंक्शन है जो 2 मापदंडों (FirstName, lastname) को स्वीकार करता है।
- व्यवहार फिर इन 2 मापदंडों का संघटन लौटाता है।
- दृश्य में हम व्यवहार को बुला रहे हैं और "गुरु" और "99" के 2 मूल्यों में गुजर रहे हैं जो व्यवहार के मापदंडों के रूप में पारित हो जाते हैं।
यदि कमांड को सफलतापूर्वक निष्पादित किया जाता है, तो ब्राउज़र में अपना कोड चलाते समय निम्न आउटपुट दिखाया जाएगा।
आउटपुट:
ब्राउज़र में आपको गुरु और ९९ के दोनों मूल्यों का एक संयोजन दिखाई देगा जो नियंत्रक के व्यवहार के लिए पारित किए गए थे।
सारांश
- विभिन्न ऑब्जेक्ट चर को स्कोप ऑब्जेक्ट में जोड़ा जा सकता है जिसे तब दृश्य में संदर्भित किया जा सकता है।
- व्यवहार को उन घटनाओं के साथ जोड़ा जा सकता है जो उपयोगकर्ता द्वारा किए गए कार्यों के लिए उत्पन्न होती हैं।
- कोणीयज
$rootScopeपूरे आवेदन के लिए गुंजाइश है। एक आवेदन में केवल एक $ rootScope हो सकता है और इसे एक वैश्विक चर की तरह उपयोग किया जाता है। कोणीय जेएस में $ scopes चाइल्ड स्कोप हैं और $ rootScope पैरेंट स्कोप है