代码之家 › 专栏 › 技术社区 › webworm

Chrome开发工具能帮助我们找出角度组件的名称吗?

google-chrome-devtools angular

webworm · 技术社区 · 5 年前

假设我有应用程序的Angular源代码,我如何使用Chrome Developer工具找出特定Angular组件的名称?

到目前为止,我一直在chromedev工具中钻研元素树,当我认为我有了对话框的元素时,我会在角度代码中搜索HTML。然而,我经常得到错误的匹配,这是很耗时的。我想知道是否有更好的方法我可能不熟悉。

1 回复 | 直到 5 年前

SiddAjmera 5 年前

使用占卜:

你可以用 Augury . 这是一个Chrome和Firefox的扩展,由 Rangle

enter image description here

可以使用“图元”选项卡中的图元选择器选择构件。然后转到Console选项卡,并键入:

ng.probe($0).componentInstance

注: 这些方法只能在开发模式下工作。

Ahmad Shahwan 3 年前

ng.probe($0).componentInstance 跟艾薇没用了。但对我起作用的是 ng.getOwningComponent($0) .

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前