ngprobe
ID
gdcplkgkgljpjkniblmomaholidjngoo在 Chrome 开发者工具的元素侧栏中显示所选元素(即 $0)的 Angular 组件(Ivy 之前及 Ivy)和 AngularJS 作用域
应用截图
详细介绍
在 Chrome 开发者工具的元素侧栏中显示所选元素(即 $0)的 Angular 组件(Ivy 之前及 Ivy)和 AngularJS 作用域
工作原理
扩展程序在页面上下文中计算以下表达式,并在“ngprobe”侧栏面板中显示结果:
如果检测到 Angular(Ivy):
```
ng.getOwningComponent($0)
其中:
$0 是在元素标签页中选择的元素。
```
如果检测到 Angular(Ivy 之前):
---
ng.probe($0).componentInstance
其中:
$0 是在元素标签页中选择的元素。
---
如果检测到 AngularJS:
---
angular.element($0).scope()
其中:
$0 是在元素标签页中选择的元素。
---
还会以数组形式显示父组件或作用域。
可以在 ngprobe 侧栏面板中编辑组件属性的值。