🐛 - A small library providing utilities to debug AngularJS-based apps in Chrome Devtools
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
test
.editorconfig
.gitignore
.jshintrc
.travis.yml
LICENSE
README.md
bower.json
gulpfile.js
npm-debug.log
npm-shrinkwrap.json
package.json

README.md

ngDebug

ngDebug is a small library providing command line utilities to debug AngularJS-based apps in Chrome Devtools.

Install

Install with Bower:

$ bower install --save ngDebug

Usage

  1. Import ngDebug library:

    <script src="bower_components/ngDebug/dist/ngDebug.js"></script>
  2. Start using it!

    Debug a controller/scope using css selectors :

    $A.controller(selector);
    $A.scope(selector);

    Debug a controller/scope using HTMLElements references :

    $A.controller(HTMLElement);
    $A.scope(HTMLElement);

    Debug rootScope :

    $A.rootScope();

    Debug scope using chrome commandLineAPI :

    $A0.scope();
    $A1.scope();
    $A2.scope();
    $A3.scope();

    Debug a service by service name :

    $A.service(serviceName);

    Start ui-router debugging by listening to its lifecycle events :

    $A.uiRouterDebug();

License

ngDebug is released under the MIT License.

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style.

Release history

  • 1.0.0
    • Initial release
  • 1.1.0
    • added ui-router debug

Thanks

######Inspired by :