LazJ लोडिंग AngularJS मॉड्यूल RequJS

Question

महान article from Dan Wahlin के लिए धन्यवाद, मैं कोणीय नियंत्रकों और सेवाओं की आलसी लोडिंग को लागू करने में कामयाब रहा। हालांकि, आलसी लोड स्वतंत्र मॉड्यूल के लिए एक साफ तरीका प्रतीत नहीं होता है।

बेहतर मेरे सवाल व्याख्या करने के लिए, मान लें कि मैं एक ऐप्स संरचना के रूप में नीचे RequireJS बिना हो जाएगा कि:
http://plnkr.co/aiarzVpMJchYPjFRrkwn

कोर:

// Create independent module 'dataServices' module with 'Pictures' object 
angular.module("dataServices", []).factory("Pictures", function (...) {...}); 

// Create 'webapp' ng-app, with dependency to 'dataServices', defining controllers 
angular.module("webapp", ['dataServices']) 
.controller("View1Controller", function (...) {...}) 
.controller("View2Controller", function (...) {...}); 

यहाँ Plunker में RequireJS के साथ नमूना अनुप्रयोग है समस्या यह है कि कोणीय ng-app पोस्ट तत्कालता पर निर्भरता जोड़ने की अनुमति नहीं देता है। नतीजतन, मेरा समाधान में उपयोग किए जाने वाले Picture ऑब्जेक्ट का उदाहरण पुनर्प्राप्त करने के लिए angular.injector का उपयोग करना है। js/scripts/controllers/ctrl2.js फ़ाइल देखें। कोणीय के बाहर चलाता है और इसलिए सभी async कॉल $ गुंजाइश के साथ समाप्त होना चाहिए

1. इंजेक्शन सेवाओं $ (लागू)
2. गन्दा कोड जहां कुछ वस्तु इंजेक्ट किया जा सकता:

   यह मेरे लिए 2 समस्याएं पैदा। मानक कोणीय वाक्यविन्यास का उपयोग करते हुए अन्य को इंजेक्टर के स्पष्ट उपयोग की आवश्यकता होती है।

क्या आप में से कोई भी यह समझता है कि आवश्यकताजेएस का उपयोग करके स्वतंत्र मॉड्यूल को आलसी लोड कैसे करें और किसी भी तरह से इस मॉड्यूल को कोणीय में हुक करें ताकि सामान्य कोणीय निर्भरता इंजेक्शन सिंटैक्स का उपयोग किया जा सके?

नोट:
सवाल स्वतंत्र मॉड्यूल की आलसी लोड हो रहा है पर है। इस विशिष्ट उदाहरण का एक आसान समाधान ng-app.config के दौरान कैश किए गए $ प्रदाताओं का उपयोग करके "चित्र" ऑब्जेक्ट बनाना है, लेकिन यह वह नहीं है जिसे मैं ढूंढ रहा हूं। मैं ऐसे समाधान की तलाश में हूं जो तृतीय पक्ष मॉड्यूल जैसे angular-resource के साथ काम करता है।

Answer 1

GitHub में अपने प्रोजेक्ट पर एक नज़र डालें: angular-require-lazy

इस परियोजना के एक विचार का प्रदर्शन और विचार विमर्श के लिए प्रेरित करने का इरादा है। लेकिन है जो आप चाहते हैं (expenses-view.js देखें, यह आजी-ग्रिड आलसी लोड करता है)।

मैं बहुत टिप्पणियों में दिलचस्पी है, विचारों आदि

---

(संपादित) के रूप में एनजी ग्रिड कोणीय मॉड्यूल आलसी लोड:

1. expenses-view.js lazily भरी हुई है, जब /expenses मार्ग सक्रिय है
2. expenses-view.js निर्भरता के रूप में एनजी-ग्रिड निर्दिष्ट करता है, इसलिए RequJs लोड करता है ng-grid पहले
3. ng-g छुटकारा एक है कि कॉल angular.module(...)

आदेश यह पूरा करने में है, मैं (वास्तव में प्रॉक्सी) अपने खुद के साथ वास्तविक angular.module विधि, आलस्य का समर्थन करता है कि बदल दिया।bootstrap.js और route-config.js देखें (फ़ंक्शन initLazyModules() और callRunBlocks())।

1. कॉन्फ़िग कार्यों को लागू नहीं किया जाता है (अभी तक):

   इस कार्यान्वयन अपनी कमियां है कि आप के बारे में पता होना चाहिए है। मुझे नहीं पता कि आलसीकॉन्फ़िगर-टाइम निर्भरता प्रदान करता है या नहीं।

2. परिभाषाओं में आदेश महत्वपूर्ण है। यदि सेवा ए बी पर निर्भर करता है लेकिन ए को आपके मॉड्यूल में बी के बाद परिभाषित किया गया है, तो DI विफल हो जाएगा। ऐसा इसलिए है क्योंकि आलसी एंजुलर प्रॉक्सी परिभाषाओं को निष्पादित करने से पहले परिभाषाओं को तुरंत निष्पादित करता है, वास्तविक कोणीय के विपरीत जो सुनिश्चित करता है कि निर्भरताएं हल हो जाती हैं।

   http://marcoslin.github.io/angularAMD/

   यह config कार्य करता है और संभालती आदेश मॉड्यूल परिभाषाओं से बाहर:

Answer 2

मैं angularAMD कहा जाता है और यहां नमूना साइट यह का उपयोग करता है अपने खुद के कार्यान्वयन को अंतिम रूप दिया।

उम्मीद है कि यह दूसरों को RequJS और AngularJS एकीकरण के साथ उनकी मदद करने के लिए कुछ ढूंढने में मदद कर सकता है।

Answer 3

ऐसा लगता है कि Node.js मॉड्यूल ocLazyLoad इस आलसी लोडिंग करने का एक तरीका परिभाषित करता है, हालांकि मुझे यकीन नहीं है कि यह अन्य उत्तरों में तरीकों की तुलना में, प्रदर्शन-वार, कैसे करता है, हार्ड-कोडिंग निर्भरता। इस पर किसी भी जानकारी की सराहना की जाएगी। एक दिलचस्प बात यह है कि अन्य उत्तरों को RequireJS संचालित करने की आवश्यकता है, जबकि ocLazyLoad नहीं है।

ऐसा लगता है कि ocLazyLoad एक अन्य प्रदाता को परिभाषित करता है जो युक्त मॉड्यूल को तत्काल चालू करने के बाद निर्भरता को इंजेक्ट करता है। ऐसा लगता है कि मॉड्यूल लोडिंग और प्रदान करने जैसे कुछ निम्न-स्तरीय कोणीय व्यवहार को अनिवार्य रूप से दोहराया जाता है, इसलिए यह इतना जटिल क्यों दिखता है। ऐसा लगता है कि यह केवल प्रत्येक कोर कोणीय मॉड्यूल को निर्भरता के रूप में जोड़ता है: $compileProvider, $q, $injector, ng, और बहुत कुछ।