angularjs アプリケーションがブラウザにロードされたときにデバッグする方法はありますか?
すなわち。$rootScope
現在のアプリケーションのを取得したいと考えています。どうすればいいですか?
angularjs アプリケーションがブラウザにロードされたときにデバッグする方法はありますか?
すなわち。$rootScope
現在のアプリケーションのを取得したいと考えています。どうすればいいですか?
バタランの+1
また、コンソールから以下を実行することにより、DOM内の任意の要素からスコープを取得できます。
angular.element(DOMNODE).scope()
もちろん、DOMNODEはDOMノードへの参照です。
たとえば、Chromeの[要素]タブで、ディレクティブがあるノードを選択し、次のコマンドでng-app
ルートスコープを取得できます。
angular.element($0).scope()
開発者コンソールでこれを試してください
$rootScope = angular.element(document).scope()
Batarang -- AngularJS 用の Google Chrome プラグイン
これをインストールした後、次のことができます
console.log($rootScope);
Chrome コンソールでスコープ オブジェクトを確認します。
ところで、$rootScope を取得したい場合は、コントローラーに注入する必要があります
お気に入り
app.controller('MainCtrl', function($scope, $rootScope) {
}
ソースで $rootScope を確認できます Developer Tools->Sources
開発者ツールの要素タブで選択した要素のスコープを自動的に検査する「Angular Scope Inspector」(現在のストア URL ) と呼ばれる無料の Chrome 拡張機能があることを追加したかっただけです。
今日発見したばかりで、とても便利です、IMO