Debugging AngularJS Apps from the Console

In AngularJS, Chrome, Debugging by bchesley0 Comments

We can access any scope even isolated ones! on the page with a simple JS one-liner: angular.elementtargetNode.scope-> ChildScope {$id: “005”, this: ChildScope, $$listeners: Object, $$listenerCount: Object, $parent: Scope…} Or for isolated scopes: angular.elementtargetNode.isolateScope-> Scope {$id: “009”, $$childTail: ChildScope, $$childHead: ChildScope, $$prevSibling: ChildScope, $$nextSibling: Scope…} Where targetNode is a reference to an HTML Node. You can grab one easily using document.querySelector. …