ngx debug crx插件

调试Angular应用程序的快捷方式 一个简单的Chrome扩展程序在一个更简洁的界面中公开了Angular的调试API的子集,从而使从DevTools控制台快速检查和设置组件状态变得更加容易。 安装扩展程序后,窗口中将显示一个名为“ ngx”的对象。 GitHub:https://github.com/benelliott/ngx-debug | ngx-debug方法| 等效角ng | 描述 | -------------------------------------------------- | -------------------------------------------------- ------------ | -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ------------------------------- | | `ngx.c` | ng.probe($ 0).componentInstance` | 返回当前在“元素”面板中选择的组件的状态。 | | ngx.c $(选择器)| ng.probe(document.querySelector(selector))。componentInstance` | 返回与“选择器”匹配的第一个组件的状态。 | | ngx.in(inputName,value) 没有同等的| 将当前选定组件上的输入“ inputName”的值设置为值“ newValue”,然后执行刻度线。 | | ngx.in $(selector,inputName,value)| 没有同等的| 将第一个与“选择器”匹配的组件上的输入“输入名称”的值设置为“新值”,然后执行刻度。 | | ngx.out(outputName,订阅?) 没有同等的| 订阅当前所选组件上输出`outputName`中的更改,如果提供了值更改,则调用`subscribe`,否则将值记录到控制台。 | | ngx.out $(selector,outputName,subscription?) 没有同等的| 在与“选择器”匹配的第一个组件上订阅输出“ outputName”中的更改,如果提供了值更改,则调用“订阅”(如果有的话),否则将值记录到控制台。 | 支持语言:English (UK)