ngx-validate icon indicating copy to clipboard operation
ngx-validate copied to clipboard

Dynamic reactive forms validation for Angular 5+

NgxValidate

This project is still a work-in-progress and, although it works fine, it should be used with caution.

Live demo

Stackblitz Example

Installation

yarn add @ngx-validate/core

or

npm install @ngx-validate/core

Usage

Import core module to your main module as follows:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgxValidateCoreModule } from '@ngx-validate/core';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AppRoutingModule, ReactiveFormsModule, NgxValidateCoreModule.forRoot()],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Roadmap

  • [x] Dynamic display of validation errors

  • [x] Support for error blueprints with parameters

  • [x] Separate directives to mark style and render targets in DOM

  • [x] Meaningful defaults, instant start

  • [x] Flexible configuration on module, form group, and form control level

  • [x] Permissive license (MIT)

  • [ ] Usage documentation

  • [ ] GitHub Pages implementation

  • [ ] Issue submission template

  • [ ] Contribution documentation

  • [ ] Tests