DOM要素からAngularJSのスコープのオブジェクトを得る術

angularjs

こんにちは。もやし炒めをたべています、きたけーです。

DOM要素からAngularJSのスコープのオブジェクトを得る術を知ったのでメモ。デバッグするときに捗りそう。こんなかんじの内容をコンソールで叩きます。

var el = document.getElementById('hoge');
angular.element(el).scope();

Chromeのデベロッパーツールで選択している要素の場合

$0に選択している要素のDOMオブジェクトが入っているので

angular.element($0).scope();

親スコープを辿りたいとき

angular.element($0).scope().$parent;

便利