ngx-debug
大小:7.31KiB版本:v 0.2更新时间:2021-12-21
Shortcuts for debugging Angular applications
ngx-debug 的使用方法详解,最全面的教程
ngx-debug 描述:
用户数:181
分类:开发者工具插件
扩展大小:7.31 KiB
最后更新时间:2021-12-21
版本:v 0.2
ngx-debug 插件简介:
这是来自Chrome商店的 ngx-debug 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
ngx-debug插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
ngx-debug插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/A simple Chrome extension which exposes a subset Angular's debugging APIs in a more concise interface, to make it easier
to quickly check and set component state from the DevTools Console.
When the extension is installed, an object called `ngx` is exposed on the window.
GitHub: https://github.com/benelliott/ngx-debug
| `ngx-debug` method | Angular `ng` equivalent | Description |
| -------------------------------------------------- | -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `ngx.c` | `ng.probe($0).componentInstance` | Returns the state of the component currently selected in the Elements panel. |
| `ngx.c$(selector)` | `ng.probe(document.querySelector(selector)).componentInstance` | Returns the state of the first component to match `selector`. |
| `ngx.in(inputName, value)` | No equivalent | Sets the value of the input `inputName` on the currently-selected component to the value `newValue`, then executes a tick. |
| `ngx.in$(selector, inputName, value)` | No equivalent | Sets the value of the input `inputName` on the first component matching `selector` to the value `newValue`, then executes a tick. |
| `ngx.out(outputName, subscribe?)` | No equivalent | Subscribes to changes in the output `outputName` on the currently-selected component, calling `subscribe` on value changes if provided, else logging the value to the console. |
| `ngx.out$(selector, outputName, subscribe?)` | No equivalent | Subscribes to changes in the output `outputName` on the first component matching `selector`, calling `subscribe` on value changes if provided, else logging the value to the console. |