我如何访问$范围变量在浏览器的控制台使用AngularJS?

我想访问我的$范围变量在Chrome的JavaScript控制台。我怎么做呢?

我既不能看到$scope也不能看到我的模块myapp的名称在控制台中作为变量。

当前回答

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

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

其他回答

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

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

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

只需将$scope赋值为全局变量。问题解决了。

app.controller('myCtrl', ['$scope', '$http', function($scope, $http) {
    window.$scope = $scope;
}

实际上，我们在开发中比在生产中更需要$scope。

@JasonGoemaat已经提到了，但添加它作为这个问题的合适答案。

如果你已经安装了Batarang

然后你可以这样写:

$scope

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

在angular中，我们通过angular.element()....获取jquery元素让c…

.scope angular.element () ();

例子:

出于调试的目的，我把它放在控制器的开头。

   window.scope = $scope;

  $scope.today = new Date();

我是这样使用它的。

然后删除它，当我完成调试。

推荐文章