Показать все переменные $ scope в представлении - AngularJS

Question

Есть ли способ сбросить и отобразить все свойства объекта $ scope в представлении (HTML-страницу) для целей отладки в AngularJS.

Answer 1

Для этого существует множество плагинов для браузера. Один, который я использую в сафари, называется ng-inspector. Вы можете найти похожие плагины для всех основных браузеров. Если вы хотите сделать это вручную, проверьте элемент (вы увидите $ 0) и в консоли, сделайте angular.element($0).scope(). Он будет отображать $scope объект в консоли

Answer 2

Если вам действительно нужно сбросить его к виду, вы можете использовать этот

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

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

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; 

Вот URL Plunkner http://plnkr.co/edit/DmWTnK300imIYyDVQ0ME?p=preview