Created
June 15, 2018 11:14
-
-
Save phackwer/80890cccf1ba3bdcb76449d3e44c11fa to your computer and use it in GitHub Desktop.
How do I access the $scope variable in browser's console using AngularJS?
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Pick an element in the HTML panel of the developer tools and type this in the console: | |
angular.element($0).scope() | |
In WebKit and Firefox, $0 is a reference to the selected DOM node in the elements tab, so by doing this you get the selected DOM node scope printed out in the console. | |
You can also target the scope by element ID, like so: | |
angular.element(document.getElementById('yourElementId')).scope() | |
Addons/Extensions | |
There are some very useful Chrome extensions that you might want to check out: | |
Batarang. This has been around for a while. | |
ng-inspector. This is the newest one, and as the name suggests, it allows you to inspect your application's scopes. | |
Playing with jsFiddle | |
When working with jsfiddle you can open the fiddle in show mode by adding /show at the end of the URL. When running like this you have access to the angular global. You can try it here: | |
http://jsfiddle.net/jaimem/Yatbt/show | |
jQuery Lite | |
If you load jQuery before AngularJS, angular.element can be passed a jQuery selector. So you could inspect the scope of a controller with | |
angular.element('[ng-controller=ctrl]').scope() | |
Of a button | |
angular.element('button:eq(1)').scope() | |
... and so on. | |
You might actually want to use a global function to make it easier: | |
window.SC = function(selector){ | |
return angular.element(selector).scope(); | |
}; | |
Now you could do this | |
SC('button:eq(10)') | |
SC('button:eq(10)').row // -> value of scope.row | |
Check here: http://jsfiddle.net/jaimem/DvRaR/1/show/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment