我通常使用jQuery data()函数:

$($0).data().$scope

$0是当前在chrome DOM检查器中选中的项目。 1美元，2美元…等等都是之前选定的项目。

要添加和增强其他答案，在控制台中输入$($0)以获取元素。如果它是一个Angularjs应用程序，则默认加载jQuery精简版。

如果你不使用jQuery，你可以使用angular.element($0)如下:

angular.element($0).scope()

要检查你是否有jQuery和版本，在控制台中运行这个命令:

$.fn.jquery

如果您已经检查了一个元素，那么当前选择的元素可以通过命令行API引用$0获得。Firebug和Chrome都有这个引用。

然而，Chrome开发工具将可用的最后五个元素(或堆对象)选择通过属性命名$0，$1，$2，$3，$4使用这些引用。最近选择的元素或对象可以引用为$0，次近的元素或对象可以引用为$1，依此类推。

下面是Firebug的命令行API引用，它列出了它的引用。

$($0).scope()将返回与元素关联的范围。你可以马上看到它的属性。

你还可以使用其他一些东西:

查看元素的父作用域:

(0)美元.scope()。美元的父母。

你也可以链接这个:

(0)美元.scope()。父母。父母美元

你可以看看根作用域:

(0)美元.scope根。美元()

如果你用隔离作用域高亮显示了一个指令，你可以用:

(0)美元.isolateScope ()

更多细节和示例请参见调试不熟悉的Angularjs代码的提示和技巧。

假设您想访问元素的作用域

<div ng-controller="hw"></div>

你可以在控制台中使用以下命令:

angular.element(document.querySelector('[ng-controller=hw]')).scope();

这将为您提供该元素的范围。

这是一种在没有Batarang的情况下获得瞄准镜的方法，你可以:

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

或者如果你想通过控制器名找到你的作用域，这样做:

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

在你对你的模型做了更改之后，你需要通过调用以下命令将更改应用到DOM:

scope.$apply();

我同意最好的是Batarang在选择对象后使用它的$scope(它与angular.element($0).scope()相同，甚至更短的jQuery: $($0).scope()(我的最爱))

同样，如果你像我一样在body元素上有主作用域，那么$('body').scope()就可以了。

如果你已经安装了Batarang

然后你可以这样写:

$scope

当你在chrome的元素视图中选择了元素。 参考- https://github.com/angular/angularjs-batarang#console