ngprobe Chrome Extension

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.

How to install ngprobe chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the ngprobe Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension ngprobe Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the ngprobe in Chrome Webstore Search and click on the search button.
• Step 3: click on the ngprobe Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the ngprobe extension for your Chrome Web browser .