Angular.js: angular.element.scope() अपरिभाषित लौटाता है

को निर्मित 9 अक्तू॰ 2014 · 29टिप्पणियाँ · स्रोत: angular/angular.js

angular.element.scope() अपरिभाषित है जब आईफ्रेम स्रोत विशेषता को बदलकर आईफ्रेम में एप्लिकेशन लोड किया जाता है।

निम्नलिखित कोड को दायरे के संदर्भ में वापस आना चाहिए लेकिन अपरिभाषित लौटना चाहिए:

angular.element(document.body).scope()

दस्तावेज़ लोड होने के बाद ऊपर दिए गए कोड को ऑनक्लिक हैंडलर में निष्पादित किया जाता है और कोणीय ने बूटस्ट्रैप समाप्त कर दिया है:

<script>
    document.addEventListener("click", function(){
        console.log(angular.element(document.body).scope());
    });
</script>

समस्या केवल तभी प्रकट होती है जब दस्तावेज़ को iframe में src विशेषता को संशोधित करके लोड किया जाता है।
Jquery के बिना 1.3.0-rc.5 के साथ परीक्षण किया गया।

jqLite more info

स्रोत

marosivanco

सबसे उपयोगी टिप्पणी

यदि आप अस्थायी रूप से डिबग जानकारी को सक्षम करना चाहते हैं (उदाहरण के लिए किसी लाइव प्रोडक्शन ऐप पर किसी समस्या को डीबग करने के लिए) तो आप यहां बताए अनुसार angular.reloadWithDebugInfo() उपयोग कर सकते हैं ।

gkalpak 19 नव॰ 2014

👍23 🎉2 🚀1 ❤1

सभी 29 टिप्पणियाँ

क्या आप कृपया इस मुद्दे का plnkr पुनरुत्पादन प्रदान कर सकते हैं?

jeffbcross 9 अक्तू॰ 2014

मेरी अपनी परियोजना में एक ही समस्या है, लेकिन plnkr का उपयोग करके इसे पुन: पेश नहीं कर सकता।

स्कोप () किसी भी तत्व पर अपरिभाषित लौटाता है।

JQLite या JQuery 2.1.1 का उपयोग करना वही करता है।

एंगुलरजेएस 1.3.1.

Toilal 4 नव॰ 2014

ये कोशिश करें:

document.addEventListener('DOMContentLoaded', function () {
  angular.element(document.body).scope();
});

VictorQueiroz 4 नव॰ 2014

क्या आप अपने प्रोजेक्ट @VictorQueiroz में डीबग जानकारी अक्षम कर रहे हैं?

caitp 4 नव॰ 2014

👍10

@caitp आपको मिल गया है।

डीबग जानकारी को वापस सक्षम करना इस समस्या के लिए एक अच्छा समाधान है।

Toilal 4 नव॰ 2014

एक अच्छा उपाय

:मुस्कुराना: :मुस्कुराना: :मुस्कुराना:

gkalpak 4 नव॰ 2014

क्षमा करें दोस्तों थोड़ी देर के लिए प्रतिक्रिया न करने के लिए। समस्या किसी तरह jqCache से संबंधित है, या अधिक विशेष रूप से जिस तरह से ExpandoId बनाया जाता है। पुराने RC में, आईडी इस तरह बनाई गई थी:
var expandoId = element[JQLite.expando];
नए में, आईडी हार्डकोडेड संपत्ति का उपयोग कर रही है:
var expandoId = element.ng339;
परिवर्तन को वापस करने से समस्या हल हो गई।
दुर्भाग्य से, मुझे सामान के बारे में ज्यादा जानकारी नहीं है, इसलिए अगर कोई कार्यक्षमता पर प्रकाश डाल सकता है, तो शायद मैं इस मुद्दे का अधिक विस्तार से वर्णन कर सकूंगा।

marosivanco 4 नव॰ 2014

ओह वाह धन्यवाद @caitp जो मुझे पागल कर रहा था!
$compileProvider पर दस्तावेज़ में एक नोट होना चाहिए कि $compileProvider.debugInfoEnabled(false) scope() फ़ंक्शन को अपरिभाषित कर देगा, यदि वह अपेक्षित व्यवहार है।

संपादित करें: मेरा बुरा, यह पहले से ही दस्तावेज़ में है

कंपाइलर में विभिन्न डिबग रनटाइम जानकारी को सक्षम / अक्षम करने के लिए इस विधि को कॉल करें जैसे कि बाध्यकारी जानकारी जोड़ना और DOM तत्वों पर वर्तमान दायरे का संदर्भ।

ocombe 6 नव॰ 2014

👍4

क्या इसके चारों ओर एक रास्ता है; डिबगइन्फो इनेबल्ड (झूठा) है, लेकिन फिर भी किसी तत्व के दायरे तक पहुंचने में सक्षम है?

ronnievdv 19 नव॰ 2014

👍18

gkalpak 19 नव॰ 2014

👍23 🎉2 🚀1 ❤1

मुझे लगता है कि @gkalpak ने यहां चीजों को स्पष्ट किया है!

pkozlowski-opensource 19 नव॰ 2014

बंद क्यों? वर्कअराउंड खोजने का मतलब यह नहीं है कि समस्या ठीक हो गई है, स्कोप () को डिबग मोड की परवाह किए बिना संलग्न दायरे को वापस करना चाहिए।

यदि संभव नहीं है, तो इसे angular.element #scope() doc में

Toilal 19 नव॰ 2014

👍4

@Toilal मैंने इसे बंद कर दिया है क्योंकि यह पहले से ही इस धागे की पिछली टिप्पणियों में उल्लिखित दस्तावेज है। लेकिन अगर आप मानते हैं कि इसे अन्य जगहों पर भी प्रलेखित किया जाना चाहिए, तो एक पीआर की बहुत सराहना की जाएगी!

pkozlowski-opensource 19 नव॰ 2014

मैं नहीं कर सकता क्योंकि मुझे यकीन नहीं है कि डिबग को अक्षम करते समय angular.element से डायन तरीके काम नहीं करेंगे। स्कोप() निश्चित रूप से क्योंकि मैंने इसे आजमाया है, लेकिन दूसरों के बारे में, जैसे नियंत्रक (), इंजेक्टर() ...

Toilal 19 नव॰ 2014

परीक्षण के बाद, यह केवल स्कोप () और आइसोलेटस्कोप () को प्रभावित करता है। मैं उनका दस्तावेजीकरण करूँगा और एक पीआर बनाऊँगा।

लेकिन क्या डिबग जानकारी अक्षम होने पर किसी DOM तत्व से दायरा पुनर्प्राप्त करने का कोई तरीका है?

Toilal 19 नव॰ 2014

👍4

@ टॉयल - वास्तव में नहीं - स्कोप जानकारी को उजागर करने के रूप में हटा दिया गया था, इसका पूर्ण प्रभाव है - यही कारण है कि यह डीबग ध्वज के पीछे छिपा हुआ है।

pkozlowski-opensource 19 नव॰ 2014

लेकिन ऐसा निर्देश लिखना इतना कठिन नहीं होगा जो ऐसा कर सके और इसे उन तत्वों पर रख सके जिन्हें आपको जांचने की आवश्यकता है

ocombe 19 नव॰ 2014

धन्यवाद @ pkozlowski-opensource। मैंने डॉक्स में स्कोप () और आइसोलेटस्कोप () पर एक छोटा वाक्य जोड़ा है, क्योंकि मुझे यह पता लगाने में कुछ समय लगता है कि मेरे आवेदन में उन तरीकों ने काम क्यों नहीं किया।

Toilal 19 नव॰ 2014

@ocombe मैं यही करूंगा, क्योंकि मैं एक यूआई घटक लिख रहा हूं और स्कोप/आइसोलेटस्कोप पर भरोसा नहीं कर सकता क्योंकि अंतिम डेवलपर डीबग जानकारी अक्षम कर सकता है (जैसा कि इसकी अनुशंसा की जाती है)।

Toilal 19 नव॰ 2014

सेटटाइमआउट (फ़ंक्शन () {
कंसोल.लॉग (कोणीय.तत्व (दस्तावेज़.बॉडी).स्कोप ());
}, 100);

qq 20160115164505

shijiaoliang 15 जन॰ 2016

👍3 🎉1

@ronnievdv

क्या इसके चारों ओर एक रास्ता है; डिबगइन्फो इनेबल्ड (झूठा) है, लेकिन फिर भी किसी तत्व के दायरे तक पहुंचने में सक्षम है?

मैंने निर्देश परिभाषा के link फ़ंक्शन में निम्नलिखित स्निपेट _(अनुशंसित नहीं)_ विधि का उपयोग किया है।

link: function(scope, element, attrs) {
  var isolatedScope = scope.$$childTail;
}

octasimo 26 मई 2016

क्या यह जांचने का कोई तरीका है कि क्या डिबगइन्फो को अक्षम कर दिया गया है या इसके लिए कोई झंडा है?

hemkaran 28 जून 2016

ऐप के भीतर से, आप $compileProvider.debugInfoEnabled() उपयोग कर सकते हैं।
यदि आप एक लाइव इंस्टेंस को डीबग करना चाहते हैं जिसमें डीबग जानकारी अक्षम है (उदाहरण के लिए उत्पादन परिनियोजन), तो आप कंसोल से angular.reloadWithDebugInfo() कॉल कर सकते हैं और यह डीबग जानकारी सक्षम के साथ ऐप को फिर से लोड करेगा।

gkalpak 28 जून 2016

@gkalpak मैं सिर्फ यह जांचना चाहता हूं कि डीबग जानकारी सक्षम है या नहीं। कुछ इस तरह।

if(angular.isDebugInfoEnabled()) {
  // Do something
}

hemkaran 29 जून 2016

👍1

@hemkaran , यह अभी भी स्पष्ट नहीं है _where_ आप इसे कहां से देखना चाहते हैं। मैं आपके ऐप के अंदर से मानता हूं।
यदि वास्तव में ऐसा है, तो आप $compileProvider.debugInfoEnabled() उपयोग कर सकते हैं।

gkalpak 29 जून 2016

@Toilal क्या आपने ऐसा निर्देश लिखा था? यदि हां, तो क्या आप साझा करना चाहेंगे? मुझे अभी यह समस्या हो रही है। मुझे लगता है कि मुझे एक समाधान मिल जाएगा, लेकिन इसे हल करने के तरीके पर दूसरी राय रखने से वास्तव में कोई दिक्कत नहीं होगी।
सीसी @ocombe

adrianschmidt 15 दिस॰ 2016

क्षमा करें, मैं अब कोणीय 1 का उपयोग नहीं करता, और मुझे ऐसा निर्देश कभी नहीं लिखना पड़ा (क्योंकि मुझे केवल देव मोड में इस जानकारी की आवश्यकता थी)

ocombe 15 दिस॰ 2016

मैंने निम्नलिखित किया। हम देखेंगे कि क्या मेरे साथी इसे समीक्षा के माध्यम से जाने देंगे :)

function exposeScope() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            element[0].APPNAME = {
                getScope: function() {
                    return scope;
                }
            };
        }
    };
}

adrianschmidt 15 दिस॰ 2016

return {
        restrict: 'A',
        scope: false,
        link: function(scope, elem) {
            elem.data('$scope', scope);
        }
    };

जरूरत पड़ने पर आप $isolateScope को भी उसी पर सेट कर सकते हैं।

carmen-mvp 25 जुल॰ 2017

👍3

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Angular.js: angular.element.scope() अपरिभाषित लौटाता है

सबसे उपयोगी टिप्पणी

सभी 29 टिप्पणियाँ

संबंधित मुद्दों