AngularJS使用控制台更改变量

Question

我正在学习Angular，我制作了一个简单的游戏，我使用ng-inspector来查看当前的变量值，但是如何使用浏览器控制台改变变量值？

Answer 1

您可以从$scope / jquery选择器获取jqlite，如所示的here，请参阅功能scope()。更改附加到$scope的模型，并在此范围内调用$apply。

所以完整的脚本将是：

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

Answer 2

您可以通过以下方式访问控制台中的控制器范围

1. 单击元素选项卡中的节点。
2. 执行var scope = angular.element($0).scope();

$0是对控制台（webkit）中所选DOM元素的引用。

如果您想要访问工厂/服务变量，您可以使用注入器方法：

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

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

Answer 3

• 单击元素选项卡中的节点。
• $ 0是对控制台（webkit）中所选DOM元素的引用。

    

  var scope = angular.element（$ 0）.scope（）;   的console.log（范围）;   scope.score = 1;   scope。$ apply（function（）{}）;   假设得分是范围变量