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

Question

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

Answer 1

如果您确实需要将其转储到视图中，可以使用此

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

http://plnkr.co/edit/2zKgX1g7NeeBJiehgyky?p=preview

Answer 2

有很多浏览器插件可供选择。我在safari中使用的一个称为ng-inspector。您可以找到适用于所有主流浏览器的类似插件。如果您想手动执行此操作，请检查元素（您将看到$ 0），然后在控制台中执行angular.element($0).scope()。它将在控制台中显示您的$scope对象

Answer 3

您需要将代码更改为此， 在您的控制器中

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

以下是Plunkner网址http://plnkr.co/edit/DmWTnK300imIYyDVQ0ME?p=preview