Skip to content

Instantly share code, notes, and snippets.

@FreakTheMighty
Forked from kentcdodds/get-watchers.js
Last active August 29, 2015 14:12
Show Gist options
  • Save FreakTheMighty/f3e01f3e27466e57c181 to your computer and use it in GitHub Desktop.
Save FreakTheMighty/f3e01f3e27466e57c181 to your computer and use it in GitHub Desktop.
Added option to outline elements with watchers.
function getWatchers(root, visualize) {
root = angular.element(root || document.documentElement);
var watcherCount = 0;
function getElemWatchers(element) {
var isolateWatchers = getWatchersFromScope(element.data().$isolateScope);
var scopeWatchers = getWatchersFromScope(element.data().$scope);
var watchers = scopeWatchers.concat(isolateWatchers);
angular.forEach(element.children(), function (childElement) {
watchers = watchers.concat(getElemWatchers(angular.element(childElement)));
if(watchers.length>0 && visualize){
childElement.style.border = 'solid';
childElement.style.borderColor = 'green';
childElement.style.borderWidth = '1px';
}
});
return watchers;
}
function getWatchersFromScope(scope) {
if (scope) {
return scope.$$watchers || [];
} else {
return [];
}
}
return getElemWatchers(root);
}
getWatchers().length
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment