@sir_koty/form-error-displayer v0.0.1

FormErrorDisplayer

This library was generated with Angular CLI version 8.2.14.

Description

This library allows you to display input error messages in an angular form, in a configurable way

Installation

Run npm i @sir_koty/form-error-displayer

Usage

==> app.module.ts

@import { FormErrorDisplayerModule, FormErrorDisplayerService } from '@sir_koty/form-error-displayer'; // Create your custom error message const errorList = {key: 'required_name' , message: 'name field is required' }, // key = error_key + formControlName (in reactive form) {key: 'pattern_name' , message: 'the name field does not match to the pattern' } const myCustService = new FormErrorDisplayerService(errorList); @NgModule({ ... imports: ... FormErrorDisplayerModule, ... , providers: ..., { provider: FormErrorDisplayerService, useValue: myCustService } bootstrap: AppComponent }) export class AppModule { }

==> app.component.html

" div formGroup="myForm" " input id="xxx" libFormErrorDisplayer formControlName='name' type='text' " div

==> app.component.ts

myForm: FormGroup; constructor(private fb: FormBuilder) { this.myForm = fb.group({ name: ['', Validators.required, Validators.pattern(/\d/) ] }) }