@protoarch.angular/validation-message

ValidationMessageModule gives you possibility to localize form validators and it automatically puts localized validator error message to markup (if there is one). Fully compatable with angular reactive form validators.

Before (dirty *ngIf markup):

<input
    id="name"
    name="name"
    class="form-control"
    required
    minlength="4"
    appForbiddenName="bob"
    #name="ngModel"
/>
<div *ngIf="name.errors.minlength">Name must be at least 4 characters long.</div>

After (clean markup with auto inserting error messages):

<input
    prtValidationMessage
    name="email"
    type="email"
    class="form-control"
    formControlName="email"
/>

• Demo project
• Live demo

Installation

1. npm install @protoarch.angular/validation-message

2. Import ValidationMessageModule to module where you expect to enable error message to form fields
3. Set prtValidationMessage directive to any form fields

Providers

I18NextValidationMessageModule

Bridge for "@protoarch.angular/validation-message" for translate error messages via i18next.

Requirements:

1. npm install i18next angular-i18next

2. import I18NextValidationMessageModule from @protoarch.angular/validation-message/provider-i18next (replaces ValidationMessageModule)

Custom providers

You can implement your own provider. Check source code of I18NextValidationMessageModule as example