javascript - $scope 在控制台上不工作

Question

关于作用域的 AngularJS 开发人员指南说我们可以通过在控制台输入 $scope 来检查作用域。

To examine the scope in the debugger:

1.Right click on the element of interest in your browser and select 'inspect element'. You should see the browser debugger with the element you clicked on highlighted.

2.The debugger allows you to access the currently selected element in the console as $0 variable.

3.To retrieve the associated scope in console execute: angular.element($0).scope() or just type $scope

但是当我在控制台上输入 $scope 时它说

Uncaught ReferenceError: $scope is not defined at :1:1

这是 link供引用。

app.js 看起来像这样

var app=angular.module("app",[]);
app.controller("ctrl",['$scope','demoservice',function($scope,demoservice){
  console.log(demoservice);
  $scope.ser=demoservice;
}]);

app.service("demoservice",[function (){
  this.name="Himanshu";
}]);

有人要密码所以这里是CodePen出现相同的错误。

Answer 1

$scope 是 Controller 内部的引用变量，因此在控制台上写入 $scope 不会提供访问权限，因为它不是全局变量，而是对范围私有(private)的。因此，如果您需要访问 $scope 变量，则需要在特定执行范围内访问它，请考虑以下示例

一个断点已经保留在执行内容的中间，所以现在 $scope 在内存中我们可以像这样在控制台中使用它

因此，为了检查 $scope，你必须处于执行过程中，也许不仅仅是 $scope，但这适用于任何 js 代码变量，除非它的全局变量不能在窗口控制台中访问。

除了使用更友好的angular JS调试你还可以使用angular batarang添加到 chrome