ngprobe

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.