ngprobe

#5 / 1 rate

ngprobe

416 users

2020-04-12

Sandip Chitale

Extension Information

5 star
100%
4 star
0%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Description

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

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.