ngx-show-form-control

[![Tests](https://github.com/gparlakov/show-form-control/actions/workflows/test-forms-typed.yml/badge.svg)](https://github.com/gparlakov/show-form-control/actions/workflows/test-forms-typed.yml) [![Release](https://github.com/gparlakov/show-form-control/a

Usage no npm install needed!

<script type="module">
  import ngxShowFormControl from 'https://cdn.skypack.dev/ngx-show-form-control';
</script>

README

ShowFormControl

Tests Release semantic-release

This is a component that visualizes an AbstractControl instance - FormControl, FormGroup, FormArray. Visualization looks like this SFC overview - image missing

  1. Named and draggable window!
  2. Status - dirty/pristine, touched/untouched, valid/invalid/pending/disabled
  3. Value JSON.stringify-ed. Editable - edited value appears in form!
  4. Minify and Maximize And MORE...
  • Resizable (see bottom right corner)
  • Multiple instances supported
  • Only included in dev builds! You can use it rest assured - it will not end up showing in production! Just import it in you app.module (or feature module):
        ShowFormControlModule.for(environment.production? 'prod' : 'dev')
    

See it in Action

SFC video overview - missing file This library was generated with Angular CLI version 9.0.2.

ngx-show-form-control for enterprise

Available as part of the Tidelift Subscription.

The maintainers of ngx-show-form-control and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. Learn more.

Code scaffolding

Run ng generate component component-name --project show-form-control to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project show-form-control.

Note: Don't forget to add --project show-form-control or else it will be added to the default project in your angular.json file.

Build

Run ng build show-form-control to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test show-form-control to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.