AngularJS और लिगेसी कोड के बीच इंटरऑप

ऐसे परिदृश्य में जहां AngularJS एक लीगेसी एप्लिकेशन के साथ एकीकृत है, के बीच संचार स्थापित करने की आवश्यकता उत्पन्न होती है दो। एक चुनौती यह है कि लीगेसी ऐप से कॉलबैक को DOM विंडो से जोड़ा जाना चाहिए। यह आलेख बताता है कि इस समस्या को कैसे संबोधित किया जाए और AngularJS और लीगेसी कोड के बीच प्रभावी इंटरैक्शन को कैसे सुविधाजनक बनाया जाए।

लीगेसी कॉलबैक को सक्षम करने के लिए, आप विंडो ऑब्जेक्ट में एक फ़ंक्शन पंजीकृत कर सकते हैं जिसे AngularJS लागू कर सकता है। उदाहरण के लिए, AS3 में:

ExternalInterface.call("save", data);

यह AngularJS में निम्नलिखित फ़ंक्शन को प्रारंभ करेगा:

window.save = function(data){
    // Update a service or dispatch an event
}

लीगेसी एप्लिकेशन से एक ईवेंट भेजने के लिए जिसे एक AngularJS नियंत्रक सुन सकता है, एक सेवा का उपयोग करने की अनुशंसा की जाती है। हालाँकि, AngularJS के बाहर से सेवा को संशोधित करने पर विशेष ध्यान देने की आवश्यकता है।

समाधान AngularJS की इंटरऑप क्षमताओं का लाभ उठाना है। DOM तत्व के स्कोप या इंजेक्टर तक पहुंच कर, आप AngularJS एप्लिकेशन के साथ इंटरैक्ट कर सकते हैं। उदाहरण के लिए:

angular.element(domElement).scope().$apply(function(){
  // Update angular model or invoke methods
});

संक्षेप में, AngularJS और लीगेसी कोड के बीच इंटरऑप को सक्षम करने में विंडो ऑब्जेक्ट में कॉलबैक पंजीकृत करना, इवेंट डिस्पैचिंग की सुविधा के लिए सेवाओं का उपयोग करना और AngularJS के बाहर से स्कोप और इंजेक्टर तक पहुंचने के लिए AngularJS के इंटरऑप तंत्र का लाभ उठाना शामिल है। यह दृष्टिकोण दो अनुप्रयोगों के बीच निर्बाध संचार की अनुमति देता है, जिससे मौजूदा सिस्टम के साथ आधुनिक वेब प्रौद्योगिकियों के एकीकरण की सुविधा मिलती है।