IMHO, सबसे निराशाजनक अनुभव एक दृश्य तत्व से संबंधित एक विशिष्ट दायरे के मूल्य को प्राप्त करने / स्थापित करने से आता है। मैंने न केवल अपने कोड में, बल्कि कोणीय.जेएस में भी बहुत सारे ब्रेकप्वाइंट किए, लेकिन कभी-कभी यह सबसे प्रभावी तरीका नहीं है। हालांकि नीचे दिए गए तरीके बहुत शक्तिशाली हैं, लेकिन निश्चित रूप से उन्हें बुरा अभ्यास माना जाता है यदि आप वास्तव में उत्पादन कोड में उपयोग करते हैं, तो उन्हें बुद्धिमानी से उपयोग करें!
एक विज़ुअल एलिमेंट से कंसोल में एक संदर्भ प्राप्त करें
कई गैर-IE ब्राउज़रों में, आप एक तत्व को राइट क्लिक करके और "इंस्पेक्ट एलिमेंट" पर क्लिक करके एक तत्व का चयन कर सकते हैं। वैकल्पिक रूप से आप Chrome में तत्वों टैब में किसी भी तत्व पर क्लिक कर सकते हैं, उदाहरण के लिए। नवीनतम चयनित तत्व $0कंसोल में चर में संग्रहीत किया जाएगा ।
एक तत्व से जुड़ा एक दायरा प्राप्त करें
इस बात पर निर्भर करता है कि क्या कोई ऐसा निर्देश मौजूद है जो एक अलग दायरा बनाता है, आप गुंजाइश को angular.element($0).scope()फिर से प्राप्त कर सकते हैं या angular.element($0).isolateScope()( $($0).scope()यदि $ सक्षम है तो उपयोग करें )। यह वही है जो आपको तब मिलता है जब आप बटरंग के नवीनतम संस्करण का उपयोग कर रहे हैं। यदि आप सीधे मूल्य बदल रहे हैं, तो scope.$digest()यूआई पर परिवर्तनों को प्रतिबिंबित करने के लिए उपयोग करना याद रखें ।
$ eval बुराई है
जरूरी नहीं कि डिबगिंग के लिए। scope.$eval(expression)बहुत आसान है, जब आप जल्दी से जांचना चाहते हैं कि किसी अभिव्यक्ति का अपेक्षित मूल्य है या नहीं।
गुंजाइश के लापता प्रोटोटाइप सदस्य
पूर्व scope.blaऔर बीच का अंतर scope.$eval('bla')प्रोटोटाइपिक रूप से विरासत में दिए गए मूल्यों पर विचार नहीं करता है। पूरी तस्वीर पाने के लिए नीचे दिए गए स्निपेट का उपयोग करें (आप सीधे मूल्य नहीं बदल सकते हैं, लेकिन आप $evalवैसे भी उपयोग कर सकते हैं !)
scopeCopy = function (scope) {
var a = {};
for (x in scope){
if (scope.hasOwnProperty(x) &&
x.substring(0,1) !== '$' &&
x !== 'this') {
a[x] = angular.copy(scope[x])
}
}
return a
};
scopeEval = function (scope) {
if (scope.$parent === null) {
return hoho(scope)
} else {
return angular.extend({}, haha(scope.$parent), hoho(scope))
}
};
इसके साथ प्रयोग करें scopeEval($($0).scope())।
मेरा नियंत्रक कहाँ है?
कभी-कभी ngModelजब आप निर्देश लिख रहे होते हैं तो आप मूल्यों की निगरानी करना चाहते हैं। का प्रयोग करें $($0).controller('ngModel')और आप की जाँच करने के मिल जाएगा $formatters, $parsers, $modelValue, $viewValue $renderऔर सब कुछ।