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

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

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

当前回答

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

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

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

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

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

其他回答

检查元素，然后在控制台中使用它

s = $($0).scope()
// `s` is the scope object if it exists

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

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

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

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

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

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

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

   window.scope = $scope;

  $scope.today = new Date();

我是这样使用它的。

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

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

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

推荐文章