Ng4ValidationsNote

Requirements

• @angular/common, @angular/core and @angular/forms 5 or higher;
• rxjs 5Angular 6 or higher.

Installing

$ npm i @actjs.on/ng4-validations-note --save

Usage

Include the module into imports metadata key of NgModule decorator of your application importing Ng4ValidationsNoteModule from @actjs.on/ng4-validations-note, like that.

import { Ng4ValidationsNoteModule } from '@actjs.on/ng4-validations-note';

@NgModule({
    imports: [
        Ng4ValidationsNoteModule.forRoot()
    ]
})
export class MyModule() { }

Choose which component you want to use

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

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

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

To use lib-form-uniq-validation or lib-form-validation-list you must define the nameTranslations property binding and define a variable to bind a property by @ViewChild('') of NgForValidationsNote.Components.ListComponent or NgForValidationsNote.Components.UniqComponent kind.

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

To in your component you should to call the validate(form: FormGroup | NgForm) of NgForValidationsNote.Components.ListComponent or NgForValidationsNote.Components.UniqComponent.

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

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

So inject the Ng4ValidationsNote.Services.Notifier service on your component importing Ng4ValidationsNote from @actjs.on/ng4-validations-note and call the notify() 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.