如何在浏览器中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
只是想添加一个名为“Angular Scope Inspector”( 当前商店URL )的免费Chrome扩展,它将自动检查开发人员工具元素选项卡中所选元素的范围
我今天才发现,这是非常有用的,国际海事组织
在开发人员控制台中键入angular.element('body').scope();
如果你的应用程序是<body data-ng-app="SomeApp">