how to debug the $rootScope object of angularjs in the browser

Question

Is there a way of debugging the angularjs application when it is loaded in the browser?

ie. I wish to get the $rootScope of my current application. How woul

Answer 1

Batarang -- A Google Chrome plugin for AngularJS

After you installed this, you can do

console.log($rootScope);

and check the scope object in your chrome console.

BTW, if you want to get $rootScope, you need to inject to your controller

like

app.controller('MainCtrl', function($scope, $rootScope) {

}