ngx-validator

Demo: https://ngx-validator.angularmagic.com

This module contains validator component which automatically show message depending by control's validations.

Installation

npm

npm install @angular-magic/ngx-validator

yarn

yarn add  @angular-magic/ngx-validator

Usage

1. Add a module into your application (as a rule app.module.ts)

import { NgxValidatorModule } from "@angular-magic/ngx-validator";

@NgModule({
  imports: [NgxValidatorModule, BrowserModule, ReactiveFormsModule, ...],
  ...
})

2. Add component under your input or controllable UI component

<input type="text" [formControl]="myFormControl" />
<ngx-validator [control]="myFormControl" customName="Name"></ngx-validator>

Options

Validator component support a couple of additional @Input, list of them you can check below:

| Name | Type | Default value | Description | |------------------|----------------------------------------|---------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------| | control | AbstractControl or FormControl | | Control from which validator will extract validations and show error messages. | | customName | string | | By default name of control is extracted from parent name (ex: if we have FormGroup which have FormControl lastName then name of validation will Last Name). | | customValidation | CustomValidation or CustomValidation[] | | In case when we need to overwrite default validation messages or add something custom which don't exists in service. | |

GitHub

Please feel free to declare issues or contribute: https://github.com/angular-magic/ngx-validator