ngprobe

CRX ID
gdcplkgkgljpjkniblmomaholidjngoo
Status
No Privacy Policy Live on Store
Description from extension meta

Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0

Image from store
ngprobe
Description from store

How it works

The extension evaluates the following expression in the context of the page and displays the results in 'ngprobe' sidebar pane:

If Angular (Ivy) is detecetd:

```
ng.getOwningComponent($0)

where:

$0 is the element selected in Elements tab.
```

If Angular (pre Ivy) is detecetd:

---
ng.probe($0).componentInstance

where:

$0 is the element selected in Elements tab.
---

If AngularJS is detected:

---
angular.element($0).scope()

where:

$0 is the element selected in Elements tab.
---

Also shows parent components or scopes as an array.

The values of component properties can be edited in the ngprobe sidebar pane.

Latest reviews

Dennis Liu 2019-07-11

Thank you for providing such an amazing AngularJS debugging plugin in 2019. I had tried Angular JS Batarang and ng-inspector; all of them failed to work with Chrome 74.0.3729.169 (Official Build) (64-bit) with AngularJS 1.7.7.

Dennis Liu 2019-07-11

Thank you for providing such an amazing AngularJS debugging plugin in 2019. I had tried Angular JS Batarang and ng-inspector; all of them failed to work with Chrome 74.0.3729.169 (Official Build) (64-bit) with AngularJS 1.7.7.

Statistics

Installs
191
Market
Chrome Web Store
Category
Rating
5.0 (1 votes)
Last update
2020-10-28
Version 1.0.6
Languages
en