NgForValidationsNote

Requirements

• Angular 6 or higher.

Installing

$ npm i ng-for-validations-note --save

Usage

Include the module into imports metadata key of NgModule decorator of your application importing NgForValidationsNoteModule from ng-for-validations-note, like that.

import { NgForValidationsNoteModule } from 'ng-for-validations-note';

@NgModule({
    imports: [
        NgForValidationsNoteModule
    ]
})
export class MyModule() { }

Choose which component you want to use

• app-form-validation;
• app-form-uniq-validation;
• app-form-validation-list.

To use anyone you must define the messages property binding, like that

<app-form-validation 
    [messages]="{
        required: 'this field is required.'
    }"
></app-form-validation>

To use app-form-uniq-validation or app-form-validation-list you must define the nameTranslations property binding.

<app-form-uniq-validation 
    [nameTranslations]="{
        name: 'Name',
        name2: 'Name 2'
    }"
></app-form-uniq-validation>

To use app-form-validation you must define the control property binding.

<!-- on Reactive Forms -->
<!-- on Template Driven -->
<form
    [formGroup]="form"
    #form="ngForm"
>
    <input name="aName"/>
    <app-form-validation
        [control]="form.controls['aName']"
    ></app-form-uniq-validation>
</form>

So inject the NgForValidationsNote.Services.Notifier service on your component importing NgForValidationsNote from ng-for-validations-note and call the notifier method when you want to show the validation message in your application. If you want to use app-form-uniq-validation or app-form-validation-list, you must pass a NgForm of FormGroup instance as argument to work.