在View中显示所有$ scope变量 - AngularJS

有没有办法在AngularJS中转储并显示视图（HTML页面）中的$ scope对象的所有属性以进行调试。

您的浏览器带有JavaScript调试器的控制台 – Phil

是唯一的方法。没有办法将所有的$范围转移到视图中，并检查那里有什么和什么不在那里？ –

最新的Chrome浏览器具有开箱即用的功能。 –

这里有很多浏览器插件。我在safari中使用的一种称为ng-inspector。你可以找到所有主流浏览器的类似插件。如果您想手动执行此操作，请检查一个元素（您将看到$ 0）并在控制台中执行angular.element($0).scope()。它会在控制台

2016-08-19 00:58:15

如果你真的需要倾倒出来给视图显示您$scope对象，你可以使用这个

<pre ng-repeat="(key, val) in this">{{key}} = {{val|json}}</pre>

2016-08-19 00:58:54 Phil

您需要更改您的代码这一点，在您的控制器

var self = this; 
self.name = 'World'; 
self.foo = [1,2,3,4]; 
self.bar = { 
"foo": "foo", 
"bar": "bar", 
"baz": "baz" 
}; 
$scope.value = self;

2016-08-19 06:05:15

回答