在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

回答