Simple Firebug extension that allows you to inspect the AngularJS scope that a DOM element binds to. This is not an official extension by the Angular JS team. It’s something I wrote for me and my colleagues, I find it useful and like to share.

Here is more about this add-on from the developers:

Simply right-click on an element and select “Inspect Angular Scope” from the context menu. For more fine-grained selection of elements, you can use it from inside Firebug, e.g. from the HTML panel. Basically, any DOM element – be it in the HTML panel, DOM panel breadcrumb, logged in the console etc – that binds to an Angular JS scope, has a “Inspect Angular Scope” context menu item.

Want to learn more about AngScope? You can pick it up at the Firefox Add-ons website.

, , ,

Comments are closed.