51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Angular state inspector

ID: nelkodgfpddgpdbcjinaaalphkfffbem

提供方: Anton Lunev

版本: 1.4.6

大小: 36.35KiB

更新时间: 2023-03-04 16:20:11

支持语言: 英语

简介:

帮助您调试 Angular 组件状态。支持 Angular 1/2+/Ivy!
Angular 的 Angular 状态检查器

支持所有版本的 Angular:

  • AngularJS
  • 角 2+
  • 角常春藤
  • 混合应用程序(AngularJs + Angular)

为 Angular 网络应用扩展 Chrome 开发者工具。
将新面板"状态"添加到元素选项卡,显示所选元素的状态。
通过调用"$state"变量在控制台中打印所选元素的状态。

根据角度版本,它可以显示:

  • 组件状态
  • 指令
  • 上下文,如 ngForOf 或 ngIf 值
  • 事件监听器
    如果它们适用于当前元素。

Angular 状态检查器还允许您在"状态"面板(双击值)和控制台(例如 $state.title = 'new value')中修改值。
要应用更改,只需在控制台中调用 $apply() 即可。
在 chrome 控制台中查看所有支持的命令。

版本 1.4.6:

  • 如果 $ct​​rl 在选定范围内不可用,则显示信息消息。
  • 更新 $state 对象,即使它不可用。
    版本 1.4.5:
  • [ivy] 显示来自 ng.getComponent() 的信息。如果它为空,则显示 OwningComponent 状态。
    版本 1.4.4:
  • 更新扩展标志
    版本 1.4.3:
  • 在 `$apply()` 调用时返回结果表情符号
    版本 1.4.2:
  • 固定道具编辑和变化检测
    版本 1.4.1:
  • 在控制台中始终打印最新状态
    1.4 版:
  • 完全支持angular 9 Ivy api
    1.3 版:
  • 增加了对常春藤的实验支持
  • 添加了可以在控制台中使用的快捷方式

插件下载:

赞(7)
未经允许不得转载:工具盒子 » Angular state inspector