Angular.js: अतुल्यकालिक मॉड्यूल का समर्थन करें। रन ()

यह इतना आसान नहीं है लेकिन इस पर गौर किया जाना चाहिए।

जिस तरह से जैस्मीन ऐसा करती है वह एक ध्वज सेट करके होता है, जो फ़ंक्शन को चलने देगा और कॉलबैक की प्रतीक्षा करेगा जब तक कि ध्वज सेट न हो जाए true , या जब तक एक टाइमआउट निकाल दिया जाता है।

मूल रूप से कुछ ऐसा:

var flag = false;
$http(...).success(flag = true);
$timeout(function () {
    flag = true;
    // Or add some error handling stuff here
}, 5000);
while (!flag) {};

यह सुंदर नहीं है, लेकिन काम करना चाहिए। उपरोक्त कोड का परीक्षण नहीं किया गया है, इसलिए आपको इसे थोड़ा संशोधित करने की आवश्यकता हो सकती है। यहाँ देर हो रही है। उम्मीद है कि कुछ आपको तब तक मिलेगा जब तक कि कुछ सुंदर न हो जाए।

+1

हालांकि एक सेकंड में, यह कोणीय निर्देशों का उपयोग करके फैंसी लोडिंग स्क्रीन को खींचने में असमर्थता का कारण बनता है ...

+1

क्या $routeProvider साथ resolve हल नहीं करता है? शायद मुझे समस्या समझ में नहीं आई...

यह async मॉड्यूल init समर्थन के लिए अधिक है। इसके साथ ही, मुझे अपनी वर्तमान परियोजनाओं में अब इसकी आवश्यकता नहीं है।

@shahata $routeprovider ऐसा करता है, लेकिन वादा-देने के लिए हर उपयोग केस run s मार्गों का उपयोग नहीं करता है। मेरे उपयोग के मामले में, यह एक मॉड्यूल के लिए है जो एक निर्देश को लपेटता है और इसका मार्गों से कोई लेना-देना नहीं है।

+1

जांचें कि क्या रन फ़ंक्शन एक वादा लौटाता है, फिर इसे हल होने पर ही आगे बढ़ें। चूंकि runBlocks कार्यों की एक सरणी है, यह बिल्कुल भी कठिन नहीं होना चाहिए

+1

+1 शर्मनाक है कि इसे अनदेखा कर दिया गया

कोई विचार यह कब उतरेगा? राउटर में हल करने के लिए प्रारंभिक सामग्री को स्थानांतरित करने के लिए बहुत निराशाजनक है, मुख्य रूप से क्योंकि कभी-कभी प्रारंभिक कोड यूआरएल अज्ञेयवादी होता है (उर्फ, किसी भी प्रकार के यूआरएल के लिए प्रारंभ किया जाना चाहिए जो उपयोगकर्ता आपके एसपीए में आता है)

मुझे नहीं लगता कि कोणीय को अब से कोई संवर्द्धन प्राप्त होगा। वे सभी कोणीय 2.0 . में जोड़े जा रहे हैं

आधी-अधूरी run विधि कब तक समकालिक रहेगी? यह ठीक है और समझ में आता है कि config एसिंक्रोनस कॉल का समर्थन नहीं करता है, क्योंकि आपके पास कोई प्रदाता नहीं है जो $http कॉल करता है, लेकिन run करता है। हैक के प्रकार देखें कि इस सुविधा की कमी (जो शुरुआत से होनी चाहिए थी) का कारण बनती है
https://github.com/philippd/angular-deferred-bootstrap/blob/master/src/deferred-bootstrap.js

संकोचशील

+1

@btford यह देख रहा है कि इसके आसपास के उपयोग के मामलों को नए राउटर के माध्यम से कैसे समर्थित किया जा सकता है न कि अंदर के रन ब्लॉक के।

+1

+1

+1

+1

हमारे पास मुख्य समस्या यह है कि $q एक मॉड्यूल के अंदर बनाया गया है जिसे रनब्लॉक चलाने पर लोड किया जा रहा है। इसका मतलब यह है कि हमें किसी तरह से "कुछ" सेवाओं (या शायद मॉड्यूल) को निकालने की आवश्यकता होगी और उन्हें पहले बनाना होगा और फिर दूसरा पास होगा जो बाकी मॉड्यूल (और सेवाओं, रन ब्लॉक, आदि) को $q के बाद लोड करता है। बनाया गया।

@lgalfaso - शायद आप इस सप्ताह के अंत में (या अगले) अपने $injector काम के हिस्से के रूप में इसे थोड़ा और देख सकते हैं?

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

ये वाकई बहुत अच्छा होगा।
:+1:
इस फिक्स का इंतजार है। आशा है कि यह 1.4 . में मिलेगा

+1

मुझे एक और उपयोग का मामला मिला: मुझे स्टार्टअप पर $ http कॉल के साथ अपने सिम्युलेटेड एंडपॉइंट्स को इनिट करने की आवश्यकता है (कुछ डेटा कैश करने के लिए) ...

+1

+1

बस इसमें भी ठोकर खाई ...

@petebacondarwin मुझे लगता है कि अन्य सभी मॉड्यूल लोड करना जारी रखना ठीक रहेगा, लेकिन प्रारंभिक नेविगेशन शुरू करना स्थगित करें।

वैकल्पिक रूप से $routeProvider एक कॉन्फ़िगर करने योग्य फ़ंक्शन पैरामीटर की पेशकश कर सकता है जो प्रारंभिक मार्ग को प्रस्तुत करना स्थगित कर देना चाहिए।

+1

+1

यहां एक संभावित समाधान है: http://plnkr.co/edit/vi7mDjmD4NpZAoP7MVzr?p=preview
विचार यह है कि कोणीय वास्तव में आपको मॉड्यूल के एक सेट से अपना खुद का इंजेक्टर बनाने की क्षमता देता है। इस मामले में, मैंने $rootElement संकलित करने में देरी की है जब तक कि वादों का एक समूह ( resolves ) हल नहीं हो जाता। यह एक पीओसी है और इस उत्पादन को तैयार करने के लिए कई अन्य घंटियाँ और सीटी बजानी होंगी। किसी और चीज के अलावा आपको केवल निगलने के बजाय संकल्पों में त्रुटियों को पकड़ने की आवश्यकता होगी।

+1

यह ज्यादातर उन लोगों के लिए एक मार्गदर्शक है जो इसे आज़माना चाहते हैं; वर्तमान में बूटस्ट्रैप प्रक्रिया निम्न कार्य करती है:

• स्वच्छता जांच
• $rootElement लिए उत्पादित बनाता है
• इंजेक्टर बनाता है
• $rootElement संकलित और लिंक करता है

शीर्ष पर, इंजेक्टर बनाते समय निम्नलिखित चरण होते हैं:

• निर्भरता मॉड्यूल ट्री को ट्रैवर्स करना और
  
  
  
  • मॉड्यूल इनिशियलाइज़ेशन जो मॉड्यूल स्थिरांक, मूल्यों, प्रदाताओं और अन्य चीजों को पंजीकृत करेगा
  
  
  • कॉन्फ़िगरेशन फ़ंक्शन चला रहा है
  
  
  • बाद के लिए run फ़ंक्शंस का संग्रह करें
  
  
• सभी run फ़ंक्शन चलाएँ

कुछ प्रमुख बिंदु हैं:

• $rootElement संकलित होने से पहले सभी run ब्लॉक निष्पादित किए जाते हैं
• इंजेक्टर निर्माण प्रक्रिया में कोई डाइजेस्ट चक्र नहीं है, पहला डाइजेस्ट चक्र $rootElement के प्रारंभिक संकलन के दौरान है
• $q पाचन चक्र _only_ के दौरान वादों को हल करता है

यह है:

• यदि कोई मॉड्यूल है जिसमें run फ़ंक्शन है जो एक वादा देता है और ऐप शुरू होने से पहले वादे को हल करने की आवश्यकता होती है, तो प्रारंभिक संकलन से पहले डाइजेस्ट चक्र होंगे (यह मौजूदा ऐप्स को तोड़ सकता है)
• एक कॉन्फ़िगरेशन ब्लॉक एक वादा वापस नहीं कर सकता क्योंकि config फ़ंक्शन प्रदाताओं के साथ इंजेक्ट किया जाता है, उदाहरणों के साथ नहीं

समाधान जो भी हो, इन मामलों को संभालने की जरूरत है

+1
कोई खबर?
ऐप वास्तव में शुरू होने से पहले मैं बस कुछ कॉन्फ़िगरेशन सेटिंग्स लोड करना चाहता हूं।

+1

मैं बूटस्ट्रैप के बाद कुछ एसिंक डेटा लोड करूंगा जब मेरे सभी कारखाने ऊपर और संकलन से पहले होंगे।

@dagingaa : मुझे लगता है कि मैं आपके समाधान को वर्कअराउंड के रूप में

• 1

@dagingaa पर अपडेट करें: लूप के लिए मेरे ब्राउज़र को फ्रीज करें, अच्छा नहीं है ...

https://jsfiddle.net/tuxmachine/t4d63vnw/

इस तरह मैंने इसे ओएथ टोकन कार्यान्वयन के लिए हल किया, जिसके लिए शेष ऐप को प्रारंभ करने से पहले प्रारंभिक AJAX कॉल को हल करने की आवश्यकता थी।

यदि आपके पास एकाधिक एसिंक्रोनस रन ब्लॉक हैं तो काम नहीं करेगा

+1

+1

+1

इस मुद्दे को खोले हुए दो साल हो चुके हैं और अभी भी कोई अच्छा समाधान नहीं है

@vladmiller समाधान हैं लेकिन शायद आपको नहीं लगता कि वे अच्छे हैं:

• समाधान के साथ ngRoute या ui- राउटर का उपयोग करें और अपने एप्लिकेशन स्टार्टअप कोड को शीर्ष स्तर के रूट के अंदर रखें
• अपना खुद का एसिंक्स बूटस्ट्रैप बनाएं। देखें https://github.com/angular/angular.js/issues/4003#issuecomment -113842180
• शीर्ष स्तर के घटक में $onActivate साथ नए घटक राउटर का उपयोग करें

.run ब्लॉक के अंदर गैर-तुच्छ एप्लिकेशन कार्य डालने से आपके कोड का यूनिट परीक्षण करना मुश्किल हो जाता है। तो यह ऐसा कुछ नहीं है जिसे हम प्रोत्साहित करना चाहते हैं। इसे आइस बॉक्स में ले जाना कुछ ऐसा है जिसे हम लागू करने की संभावना नहीं रखते हैं।

@petebacondarwin मैं

क्या आप यह भी बता सकते हैं कि यह कहते हुए आपका क्या मतलब है कि .run में async कोड परीक्षण को और कठिन बना देगा?

मेरी पिछली अशिष्ट टिप्पणी के लिए खेद है।
धन्यवाद

@petebacondarwin मैं यह देखने में विफल हूं कि यह परीक्षण करना कैसे मुश्किल बनाता है। यदि आप किसी सेवा में इनिशियलाइज़ेशन कोड डालते हैं, तो आप केवल http बैकएंड मॉक से अपेक्षित परिणामों को देख/मजाक/तुलना कर सकते हैं, भले ही इसे .run ब्लॉक के अंदर निष्पादित किया जा रहा हो या नहीं। एसिंक रन की कमी के लिए वर्क-अराउंड के कारण कोणीय के बाहर कोड मौजूद है, जो परीक्षण करना लगभग असंभव बनाता है

यह कैसा चल रहा है?

दूसरा तरीका: http://plnkr.co/edit/8XGSNOzzRGvgNSSnXx3M?p=preview

@petebacondarwin समाधान ने मेरे लिए काम किया

चूंकि वर्कअराउंड हैं और एसिंक रन ब्लॉक का समर्थन बूटस्ट्रैप में जटिलता जोड़ देगा, मुझे नहीं लगता कि हम इस सुविधा को लागू करेंगे।

सरल सुविधा लेकिन लागू करना बहुत कठिन है। मैं

इस सुविधा के लिए +1

+1

+1

@petebacondarwin समाधान अच्छा काम करता है।

+1। :(

+1

+1

+1

+1

हम ऐसा नहीं करने जा रहे हैं।

+100, सभी कामकाज भयानक हैं।

@ एडुआर्डो-जूलियो - हम इस सुविधा को लागू नहीं करने जा रहे हैं क्योंकि यह एंगुलरजेएस अनुप्रयोगों के बूटस्ट्रैप को और अधिक जटिल बना देगा। आगे + s जोड़ने से कोई मदद नहीं मिलेगी।