How to access $scope variable in angular from chrome console

Question

How to access the scope variable widgets from chrome's console

function MyCntrl($scope) {     $scope.widgets = [         {text:'Widget #1', datarow:1, datacol:1, datasizex:3, datasizey:3},         {text:'Widget #2', datarow:2, datacol:1, datasizex:3, datasizey:3},         {text:'Widget #3', datarow:1, datacol:2, datasizex:3, datasizey:3},         {text:'Widget #4', datarow:2, datacol:2, datasizex:3, datasizey:3}     ]; 

Something like $scope.widgets simply doesn't work in the console!

Answer 1

this is a way of getting at scope without batarang. Assuming you have references to jquery and angular on your page, you can do:

var scope = angular.element($('#selectorId')).scope(); 

or if you want to find your scope by controller name, do this:

var scope = angular.element($('[ng-controller=myController]')).scope(); 

After you make changes to your model, you'll need to apply the changes to the DOM by calling

scope.$apply(); 

Answer 2

The scope is bound to the DOM so you need to grab an element and use some angular code to get the scope.

Your best bet is to get an element that the Controller is bound to and have a look at the scope on that.

Here is the answer How do I access the $scope variable in browser's console using AngularJS?