एंगुलर में इवेंट कम्युनिकेशन: $ऑन और $ब्रॉडकास्ट

एंगुलर में, एप्लिकेशन के विभिन्न हिस्सों के बीच इंटरैक्शन के समन्वय के लिए इवेंट कम्युनिकेशन महत्वपूर्ण है . $on और $broadcast मुख्य कोणीय तंत्र हैं जो घटकों में घटनाओं के प्रभावी प्रसारण और प्रबंधन को सक्षम करते हैं।

$on और $broadcast को समझना

• $प्रसारण: अपने सभी वंशजों (चाइल्ड स्कोप्स) और किसी विशिष्ट घटना के स्कोप की मूल श्रृंखला को सूचित करने के लिए एक स्कोप द्वारा उत्सर्जित।
• $on: एक स्कोप द्वारा पंजीकृत वर्तमान दायरे, इसके मूल दायरे, या इसके बच्चों के दायरे से प्रसारित विशिष्ट घटनाओं को सुनें।

अपने उदाहरण में इवेंट संचार को लागू करना

आपके मामले में, आप एक इवेंट को ट्रिगर करने के लिए फ़ुटर कंट्रोलर में एक क्लिक इवेंट चाहते हैं जिसे कोड स्कैनर कंट्रोलर द्वारा नियंत्रित किया जा सके। इसे प्राप्त करने के लिए:

1. ब्रॉडकास्टर (फ़ुटरकंट्रोलर):

• इवेंट को प्रसारित करने के लिए $rootScope का उपयोग करें, क्योंकि यह एप्लिकेशन में सभी स्कोप को शामिल करता है।
• फ़ुटरकंट्रोलर में निम्नलिखित की तरह एक फ़ंक्शन को परिभाषित करें:

$scope.startScanner = function() {
    $rootScope.$broadcast('scanner-started');
}

2. रिसीवर (कोडस्कैनरकंट्रोलर):

• कोडस्कैनरकंट्रोलर में प्रसारण कार्यक्रम सुनने के लिए $on का उपयोग करें:

$scope.$on('scanner-started', function(event, args) {
    // Your logic here
});

अतिरिक्त क्षमताएं:

• आप $broadcast('event-name', {कोई भी: {} } का उपयोग करके ईवेंट प्रसारित करते समय तर्क पारित कर सकते हैं ).
• तदनुसार, आप इन तर्कों को रिसीवर के इवेंट हैंडलर में प्राप्त कर सकते हैं।

संदर्भ दस्तावेज़ीकरण:

अधिक विस्तृत जानकारी के लिए, स्कोप्स पर आधिकारिक कोणीय दस्तावेज़ देखें: https://docs.angularjs.org/api/ng/type/$rootScope.Scope