ब्राउज़र कंसोल से कोणीय नियंत्रक फ़ंक्शन को कॉल करना

Question

कंसोल (क्रोम डेवलपर टूल्स कंसोल) से AngularJS नियंत्रक फ़ंक्शन को कॉल करना संभव है?

उदा।

angular.element("yourElement").scope().save(); 

Answer 1

हाँ, तुम सिर्फ angular.element उपयोग करने के लिए एक तत्व अपने नियंत्रक के दायरे के भीतर है कि प्राप्त करने के लिए की जरूरत है। उस तत्व का निरीक्षण करें जहां नियंत्रक इंजेक्शन हो जाता है। निष्पादित निम्नलिखित:

angular.element($0).scope().save() 

$ 0 तत्व आप वर्तमान में डेवलपर कंसोल तत्वों पैनल में चयन कर रहे हैं है।

Answer 2

ब्राउज़रों डेवलपर कंसोल खोलें:

app.controller('AddCtrl', ['$scope', function ($scope) { 



    $scope.save = function(){ 
     // do stuff here - call it from console 
    }; 

}]); 

Answer 3

आप केवल कोणीय उपयोग कर रहे हैं और jQuery का उपयोग कर नहीं क्या आप दोनों कोणीय और jQuery उपयोग कर रहे हैं की तरह angular.element(document.getElementById('yourElement')).scope().save();

कुछ कर सकते हैं, तो आप angular.element($('#yourElement')).scope().save(); माना आपके तत्व की आईडी गुण इस <div id=yourElement></div> की तरह सेट किया गया है क्या कर सकते हैं

बहुत महत्वपूर्ण लेकिन जैसे noted here समारोह आप कंसोल से बुला रहे हैं इस तरह के कुछ भी आप परिवर्तन चाहते हैं कि दृश्य में दिखाने के लिए तो आप इस

तरह $apply() के माध्यम से उन्हें पारित करने के लिए है, तो

var scope = angular.element($('#story')).scope(); 
scope.$apply(function(){ 
    scope.showNextScene(); 
}); 

Answer 4

आप डेवलपर्स AngularJS Batarang कहा जाता है के लिए एक क्रोम एक्सटेंशन लोड कर सकते हैं।

यह डेवलपर कंसोल में एक कोणीय जेएस टैब जोड़ देगा।

अपने पृष्ठ में एक तत्व का चयन करना है, अगर यह एक $ गुंजाइश है, यह "$ गुंजाइश" टैब के अंतर्गत, "तत्वों" दाहिने हाथ फलक में दिखाई देगा।

Answer 5

1. तत्व है जो संबंधित नियंत्रक को जहां पर अमल करना चाहते हैं गुंजाइश है पर क्रोम निरीक्षक क्लिक करें।
2. टाइप करें कोणीय.लेमेंट ($ 0) .स्कोप()। नामYourFunctionInScope();
3. निष्पादन