Discussion on: What was your win this week?

[Dharmen Shah]

Published an Angular library (rather debugging tool) called 'Inspector', which allows you you to...

✅ Inspect Angular 9+ components on the fly
✅ Change component properties without touching the code
✅ Simulate Angular events
✅ See the results in realtime

ngneat / inspector

🕵️ An angular library that lets you inspect and change Angular component properties

An angular library that lets you inspect and change Angular 9+ component properties

Features

• ✅ Inspect Angular 9+ components on the fly
• ✅ Change component properties without touching the code
• ✅ Simulate Angular events
• ✅ See the results in realtime

Table of Contents

• Installation
  • Angular CLI
• Usage
• Options
• Contributors ✨

Installation

This library supports Angular 9+ projects and should only be installed using Angular CLI.

Angular CLI

ng add @ngneat/inspector

Above command will do following for you:

1. Add and install following dev dependencies
   1. @ngneat/inspector
   2. ace-builds
   3. tinykeys
2. Import environments from ../environments/environment.ts in projects root module. This can be skipped with --skipImport.
3. Import InspectorModule from @ngneat/inspector in your project's root module's imports section. This can be skipped with --skipImport.

👉 Please note: @ngneat/inspector is a debugging tool and it helps you to develop faster. So, it shouldn't be part of your production deployment. When you install it using ng add…

View on GitHub