72

angularjs アプリケーションがブラウザにロードされたときにデバッグする方法はありますか?

すなわち。$rootScope現在のアプリケーションのを取得したいと考えています。どうすればいいですか?

4

7 に答える 7

77

バタランの+1

また、コンソールから以下を実行することにより、DOM内の任意の要素からスコープを取得できます。

angular.element(DOMNODE).scope()

もちろん、DOMNODEはDOMノードへの参照です。

たとえば、Chromeの[要素]タブで、ディレクティブがあるノードを選択し、次のコマンドでng-appルートスコープを取得できます。

angular.element($0).scope()
于 2012-11-01T06:30:23.133 に答える
47

開発者コンソールでこれを試してください

$rootScope = angular.element(document).scope()
于 2014-08-01T15:24:21.990 に答える
15

Batarang -- AngularJS 用の Google Chrome プラグイン

これをインストールした後、次のことができます

console.log($rootScope);

Chrome コンソールでスコープ オブジェクトを確認します。

ところで、$rootScope を取得したい場合は、コントローラーに注入する必要があります

お気に入り

app.controller('MainCtrl', function($scope, $rootScope) {

}
于 2012-11-01T04:26:39.147 に答える
3

ソースで $rootScope を確認できます Developer Tools->Sources

$rootScope

于 2015-03-04T12:02:40.343 に答える
2

開発者ツールの要素タブで選択した要素のスコープを自動的に検査する「Angular Scope Inspector」(現在のストア URL ) と呼ばれる無料の Chrome 拡張機能があることを追加したかっただけです。

今日発見したばかりで、とても便利です、IMO

于 2014-09-23T19:07:53.420 に答える