Angular 6 or higher.

Usage no npm install needed!

<script type="module">
  import ngForValidationsNote from '';




  • Angular 6 or higher.


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


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';

    imports: [
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

        required: 'this field is required.'

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

        name: 'Name',
        name2: 'Name 2'

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

<!-- on Reactive Forms -->
<!-- on Template Driven -->
    <input name="aName"/>

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.