extension ExtPose

Angular Gauntlets

Description from extension meta Add shortcuts to easily debug your Angular application.
Image from store Angular Gauntlets
Description from store Angular Gauntlets helps you getting your hands dirty. It makes the components and providers of your Angular application accessible on click on an element in the Chrome DevTools elements panel. How to? Just click on a DOM element in the DevTools elements panel, type one of the following keywords in the console and here we go! - $component: click on a DOM element referring to an Angular component to access its instance and playing with it. - $context: display a DOM element context, can be its parent Angular component, a ngFor row, etc. - $scope: equals $component onto Angular components or $context onto child elements. The best alternative of AngularJS Batarang for Angular. - $providers: get the list of the all the providers instantiated in your Angular app and play with them. - $detectChanges(): triggers Angular change detection to get your changes apply. Little extra: you can get a preview of all these info in the Angular tab of your DevTools elements panel. Switching between elements will refresh the data immediately.
Latest reviews (2019-09-24) Edgar Castillo: Very handy when you want to avoid typing in ng.probe for everything. (2019-05-13) Adrian Marinic─â: Perfect replacement for AngularJS Batarang.

About Extpose

Extpose is a service for Chrome extension publishers.
It helps tracking and optimizing browser extension performance in Chrome Web Store.

The most valuable features are available after creating an account.

Learn more

If you are not an extension developer and want to install this extension please proceed to Chrome Web Store

Go to Chrome Web Store


5.0 (3 votes)
Last update / version
2019-11-07 / 1.0.0



and 2 more

Similar extensions