Angular Gauntlets chrome extension

What is Angular Gauntlets?

Angular Gauntlets is a developer tools chrome extension. it's a free extension and is featured in Developer Tools, it has 1,000+ active users since released its first version, it earns an average rating of 5.00 from 4 rated user, last update is 1105 days ago.

What’s new in version 1.2.3?

                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 (not supported by Angular 9).
  - $detectChanges(): triggers Angular change detection to get your changes apply.
  - log$(obs): log the first value of the given observable.
 
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.            

How to install Angular Gauntlets?

You could download the latest version crx file or older version files and install it.

Preview of Angular Gauntlets

---

Reviews of angular gauntlets:

---

Edgar Castillo September 24th, 2019

Very handy when you want to avoid typing in ng.probe for everything.

---

Adrian Marinică May 13th, 2019

Perfect replacement for AngularJS Batarang.

Read more review & comments of angular gauntlets