AngularJS change variable with console

Question

I'm learning Angular and I made a simple game, I'm using ng-inspector to view current variable value, but how can I cahange variable value with browser console?

you could take use of debugger & put it in controller..then play with scope in console.. — Pankaj Parkar
– Pankaj Parkar, Commented May 25, 2015 at 19:35

chris · Accepted Answer · 2015-05-25 20:24:08Z

7

You may access a controller's scope in the console by:

Select the node in the elements tab by clicking on it.
Execute var scope = angular.element($0).scope();

$0 is a reference to the selected DOM element in the console (webkit).

If instead you want access to factory/service variables you may use the injector method:

var injector = angular.element($0).injector();

var srv = injector.get('serviceName');

answered May 25, 2015 at 20:24

chris

1,8171 gold badge14 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mikalai · Accepted Answer · 2015-05-25 20:03:59Z

5

You can get $scope from jquery/jqlite selector like desribed here, see function scope(). Change model attached to $scope and call $apply on this scope.

So the full script will be:

var $scope = $(#game-result-score-value).scope();
$scope.$apply(function () { $scope.score = 1;  });

edited May 25, 2015 at 20:03

answered May 25, 2015 at 19:27

Mikalai

1,5258 silver badges21 bronze badges

5 Comments

opengl Over a year ago

This works in some way, I get all variables like this, but I need value of only 1 variable. Here is the screenshot: prntscr.com/79bpu4

Mikalai Over a year ago

$scope.$apply(function () { $scope.score = 1; }); This should change value of score to 1.

opengl Over a year ago

I already tried that with $scope.score = 1; and now yours too, and I still get error "Uncaught ReferenceError: $scope is not defined" SS: prntscr.com/79bv55

Mikalai Over a year ago

$scope = $(#game-result-score-value).scope(); You must initialize $scope before using it.

opengl Over a year ago

Thank you!! I just started angular :)

Zahir · Accepted Answer · 2016-07-25 09:26:30Z

0

Select the node in the elements tab by clicking on it.
$0 is a reference to the selected DOM element in the console (webkit).

var scope = angular.element($0).scope(); console.log(scope); scope.score=1; scope.$apply(function () { }); assuming score is a scope variable

answered Jul 25, 2016 at 9:26

Zahir

1

Collectives™ on Stack Overflow

AngularJS change variable with console

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related