@nowzoo/ngx-form

Control validity directives and components for Angular forms.

Project & README
|
Demo
|
Demo Source Code
|
Documentation

Quick start

``bash npm i @nowzoo/ngx-form --save`

Import the module...

`typescript import { NgxFormModule } from '@nowzoo/ngx-form';

@NgModule({ //... imports: [ //... ReactiveFormsModule, // or FormsModule NgxFormModule ], //... }) export class AppModule { }`

Use the directives and components...`html


  Email
  
      id="reactive-demo-email"
    type="text"
    [formControl]="fcEmail"
    ngxControlInvalidClass
    ngxControlValidClass
    class="form-control form-control-lg">
  
  Required.
  Invalid email.
  
  That's a valid email!
  
  
    Validity: {{emailValidity.validity$ | async | json}}

ngxControlValidity
showValidityOn="dirty" #tosValidity="ngxControlValidity">
  
          class="form-check-input"
      type="checkbox"
      value="true"
      id="reactive-demo-check"
      [formControl]="fcTos"
      ngxControlInvalidClass
      ngxControlValidClass>
    
      I agree to your onerous terms of service.
    
  

  You really must agree to send us Junior.
  That's just great! We're sure Junior will enjoy work in the salt mine.
  
    Validity: {{tosValidity.validity$ | async | json}}

`$3`

Clone the main repo and npm install...`bash git clone https://github.com/nowzoo/ngx-libs.git cd ngx-libs npm i`

The library files are in projects/ngx-form.

The demo code is in projects/ngx-form-demo.

Building the library...`bash ng build ngx-form`

Testing the library...`bash ng test ngx-form`To test with Wallaby, use thewallaby.js config at the root of the project directory.

Serving the demo...`bash

`make sure you've built the library locally first with ng build ngx-form`


ng serve ngx-form-demo

$3

Please submit issues to the main repo here.

$3

MIT