Debugging AngularJS Apps from the Console

debugging-angular-js-apps-from-the-console.js

1: Access Scopes
angular.element(targetNode).scope()
// ChildScope {$id: "005", this: ChildScope, $$listeners: Object, $$listenerCount: Object, $parent: Scope…}

angular.element(targetNode).isolateScope()
// Scope {$id: "009", $$childTail: ChildScope, $$childHead: ChildScope, $$prevSibling: ChildScope, $$nextSibling: Scope…}

2: Grab any Services
angular.element('html').injector().get('MyService')
// Object {undo: function, redo: function, _pushAction: function, newDocument: function, init: function…}

3: Access controller for directive
angular.element('my-pages').controller()
// Constructor {}

4: Chrome Console Features
angular.element($0).scope()