Extensions inspire

ngx-debug

0

Details

Author:
ngx.debug

Category:
Developer Tools

Version:
0.2

Users:
131

Size:
7.31KiB

Price:
Free

Updated:
August 18, 2019

Webstore Link:
https://chrome.google.com/webstore/detail/ngx-debug/fdajeibbknpjholibfbbbnidpibgeejh

Download

version 0.2  - Download ZIP file

Description

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. |

Top Extensions

 
(10943)
 
(50577)
 
(98995)
 
(25231)
 
(8324)
 
(1434)
 
(11367)

What has inspired us?

Extore is a team of professionals who are passionate about creating extensions for web browsers. This devotion also gives us opportunity to appreciate work of other people. We get inspired by useful, open source extensions made by developers all over the world. Our strong belief is that one should share helpful add-ons with others. That’s why we’d like to present you our ever-growing list of favourite extensions that have inspired us. Moreover, as you probably have already learned, sometimes struggling for the best brings an end to the good. Talking about add-ons it often turns out that an upgrade is worse then previous version. Also it can become really tricky to get back to the beloved version of your favourite extension. That’s why we’re going to make not only the latest, but all versions of our favourite (and we hope yours too) add-ons available for download. No more compromises, just stick to the version you really like!