如何在浏览器中debuggingangularjs的$ rootScope对象

在浏览器中加载时,是否有一种方法可以debuggingangularjs应用程序?

即。 我希望得到我当前应用程序的$rootScope 。 我该怎么做?

+1为Batarang

另外,通过在控制台执行以下命令,您可以从DOM中的任何元素获取范围

 angular.element(DOMNODE).scope() 

DOMNODE当然是DOM节点的引用。

例如,在Chrome中的元素选项卡中,您可以selectng-app指令所在的节点,然后获取根作用域

 angular.element($0).scope() 

在开发者控制台中试试这个

 $rootScope = angular.element(document).scope() 

Batarang – 用于AngularJS的Chrome浏览器插件

安装完成后,你可以这样做

的console.log($ rootScope);

并检查你的Chrome控制台中的范围对象。

顺便说一句,如果你想获得$ rootScope,你需要注入你的控制器

喜欢

 app.controller('MainCtrl', function($scope, $rootScope) { } 

您可以在您的开发者工具 – >来源中看到$ rootScope

$ rootScope

只是想添加一个名为“Angular Scope Inspector”( 当前商店URL )的免费Chrome扩展,它将自动检查开发人员工具元素选项卡中所选元素的范围

我今天才发现,这是非常有用的,国际海事组织

在开发人员控制台中键入angular.element('body').scope(); 如果你的应用程序是<body data-ng-app="SomeApp">