🔎 🍣 👐🏽 एंगुलरजेएस में इवेंट प्रतिनिधिमंडल। इसका पता लगाने की कोशिश की जा रही है 🧚🏽 👩🏼‍🤝‍👨🏿 👯

एवीजी ग्रिशकोवेट्स, नाटक 'हाउ आई एट ए डॉग'

ग्रिशकोवेट्स, जैसा कि यह था, हमें बताता है, "चलो इसे समझें"

लेख की टिप्पणियों में , मैंने इस तथ्य के संदर्भ में एंगुलरजेएस में प्रतिनिधिमंडल के बारे में एक सवाल पूछा कि तत्वों के एक समूह को हैंडलर सौंपने की अनिवार्यता कई से परिचित है

$('ul').on('click', 'li', function(){ //  ....

घोषणात्मक AngularJS में पूरी तरह से स्वीकार्य नहीं है। वास्तव में, मुझे सलाह दी गई थी कि मैं प्रतिनिधिमंडल की समस्या को हल करने के लिए अपने निर्देश का उपयोग करूं। वास्तव में, मेरे दिमाग में कुछ भी समझ में नहीं आया, और मैंने इसे गूगल करने का फैसला किया, मैं इस विकल्प के पार आया: एक निर्देश बनाएं कि हमें जिन तत्वों की आवश्यकता है, उनके समूह के लिए मूल नोड पर स्थापित करने की आवश्यकता है, जो श्रोता को पंजीकृत करता है।
यहाँ एक डेमो है ।

और यहाँ कोड के 2 टुकड़े हैं जो हमें रूचि देते हैं:

 html <ul bn-delegate="li a | selectFriend( friend )"> <li ng-repeat="friend in friends"> <!-- Delegate target. --> <a href="#">{{ friend.name }}</a> <!-- Delegate target. --> </li> </ul>

 //js element.on( "click.bnDelegate", selector, function( event ) { // Prevent the default behavior - this is // not a "real" link. event.preventDefault(); // Find the scope most local to the target // of the click event. var localScope = $( event.target ).scope(); // Invoke the expression in the local scope // context to make sure we adhere to the // proper scope chain prototypal inheritance. localScope.$apply( function() { expressionHandler( localScope ); } ); } );

लेकिन रुकिए। निर्भरता में, jQuery प्राप्त होता है (आप इसके बिना कर सकते हैं, लेकिन फिर भी), लेकिन यह आधी परेशानी है। निर्देश के wilds में अभी भी समान अनिवार्यता है। दरअसल, इस समय मैंने एक पोस्ट प्रकाशित करने का फैसला किया, जिसमें कोणीय में प्रतिनिधिमंडल के दृष्टिकोण को समझने की कोशिश की गई, हर किसी के पास इस बारे में कुछ कहने के लिए टिप्पणी करने के लिए प्रोत्साहित किया गया।

स्थिति स्पष्ट करने के प्रयास में, मैं इस मुद्दे पर आया। उपयोगकर्ता के अनुरोध पर, बेहतर प्रदर्शन के ~~लिए~~ प्रेरणा के साथ, एनजी-रिपीट का उपयोग करके घटना को मूल तत्व में स्वचालित रूप से बाँधने की क्षमता प्रदर्शन विश्लेषण के लिए भेजी गई थी।

नतीजतन, इस कॉमरेड ने कहा कि उन्होंने "सरल" परीक्षण किए थे, यह सुनिश्चित किया कि ~~वायलिन वादक~~ सही नहीं थे, उन्हें ~~ज़रूरत नहीं थी~~ । विषय बंद है, उदासी है।

यदि आप प्रतिनिधिमंडल के पेशेवरों और विपक्षों का वजन करते हैं, तो यह पता चला है
पेशेवरों:

आरंभीकरण को सरल बनाता है और मेमोरी को बचाता है: बहुत सारे हैंडलर को लटकाने की आवश्यकता नहीं है।
कम कोड: तत्वों को जोड़ते या हटाते समय, आपको हैंडलर सेट या निकालने की आवश्यकता नहीं होती है।
परिवर्तन में आसानी: आप आंतरिक HTML को बदलकर तत्वों को बड़े पैमाने पर जोड़ या हटा सकते हैं।

विपक्ष:

सबसे पहले, एक घटना पॉप अप होनी चाहिए। अधिकांश कार्यक्रम पॉप अप करते हैं, लेकिन सभी नहीं।
दूसरे, प्रतिनिधिमंडल ब्राउज़र पर एक अतिरिक्त लोड बनाता है, क्योंकि हैंडलर लॉन्च किया जाता है जब घटना कंटेनर में कहीं भी होती है, जरूरी नहीं कि उन तत्वों पर जो हम में रुचि रखते हैं।
लेकिन आमतौर पर यह भार छोटा होता है और कोई समस्या नहीं है।

वास्तव में, मैं वास्तविकता के करीब किसी भी परीक्षण के साथ नहीं आ सका, प्राथमिक उदाहरणों पर, अंतर बिल्कुल दिखाई नहीं दे रहा है। इसलिए, मैं आपसे टिप्पणियों में चर्चा करने का आग्रह करता हूं कि क्या प्रतिनिधिमंडल का उपयोग करना आवश्यक है?

सूत्रों का कहना है:
www.bennadel.com/blog/2448-Using-jQuery-Event-Delegation-In-AngularJS.htm
github.com/angular/angular.js/issues/1568
learn.javascript.ru/event-delegation

एंगुलरजेएस में इवेंट प्रतिनिधिमंडल। इसका पता लगाने की कोशिश की जा रही है

More articles: