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

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

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

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

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

scope.$apply();

对于这些答案有一个警告:如果你对控制器进行了别名，那么你的作用域对象将位于scope()返回的对象中的一个对象中。

例如，如果你的控制器指令是这样创建的: <div ng-controller="FormController as frm"> 然后访问控制器的startDate属性，调用angular.element($0).scope().frm.startDate

在开发人员工具的HTML面板中选择一个元素，并在控制台中键入:

angular.element($0).scope()

在WebKit和Firefox中，$0是对元素选项卡中所选DOM节点的引用，因此这样做可以在控制台中打印出所选DOM节点范围。

你也可以通过元素ID定位作用域，如下所示:

angular.element(document.getElementById('yourElementId')).scope()

插件/扩展

这里有一些非常有用的Chrome扩展，你可能想看看:

Batarang。这种情况已经存在一段时间了。 ng-inspector。这是最新的版本，顾名思义，它允许您检查应用程序的作用域。

使用jsFiddle

当使用jsfiddle时，您可以通过在URL末尾添加/show以显示模式打开小提琴。当像这样运行时，你可以访问angular全局变量。你可以在这里试试:

http://jsfiddle.net/jaimem/Yatbt/show

jQuery Lite

如果你在加载AngularJS之前加载jQuery, angular。元素可以传递一个jQuery选择器。你可以检查控制器的作用域

angular.element('[ng-controller=ctrl]').scope()

一个按钮

 angular.element('button:eq(1)').scope()

．.． 等等。

你可能想要使用一个全局函数来让它更简单:

window.SC = function(selector){
    return angular.element(selector).scope();
};

现在你可以这样做

SC('button:eq(10)')
SC('button:eq(10)').row   // -> value of scope.row

点击这里查看:http://jsfiddle.net/jaimem/DvRaR/1/show/

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

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

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

在控制器的某个地方(通常最后一行是一个好地方)，放置

console.log($scope);

如果你想查看内部/隐式作用域，比如ng-repeat的内部，类似这样的方法可以工作。

<li ng-repeat="item in items">
   ...
   <a ng-click="showScope($event)">show scope</a>
</li>

然后在控制器中

function MyCtrl($scope) {
    ...
    $scope.showScope = function(e) {
        console.log(angular.element(e.srcElement).scope());
    }
}

注意，上面我们在父作用域中定义了showScope()函数，但这是可以的…子/内部/隐式作用域可以访问该函数，然后该函数根据事件打印出作用域，从而打印出与触发事件的元素关联的作用域。

@jm-的建议也工作，但我不认为它在jsFiddle工作。我得到这个错误在jsFiddle在Chrome:

> angular.element($0).scope()
ReferenceError: angular is not defined

我使用了angular.element($(".ng-scope")).scope();在过去，它工作得很好。如果你在页面上只有一个应用范围，那就好了，或者你可以这样做:

angular.element ($ (" div [ng-controller = controllerName] ")) .scope ();或angular.element (document.getElementsByClassName(“ng-scope”).scope ();