fix: fallback strategy of error messages

Author: rams23

projects/xtream/ngx-validation-errors/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@xtream/ngx-validation-errors",
+  "author": "Luca Micieli <[email protected]>",
   "version": "0.0.1",
+  "repository": {
+    "url": "https://github.com/xtreamsrl/ngx-validation-errors"
+  },
   "peerDependencies": {
     "@angular/common": "^7.2.0",
     "@angular/core": "^7.2.0",
+    "@angular/forms": "^7.2.0",
     "@ngx-translate/core": "^11.0.1"
   }
 }

projects/xtream/ngx-validation-errors/src/lib/form-field-container.component.ts

@@ -86,9 +86,9 @@ export class FormFieldContainerComponent implements AfterViewInit {
     if (hasError && this.input && this.input.nativeElement) {
       this.messages = Object.keys(this.formControl.errors).map(error => {
         const fieldName = this.formControl.name;
-        const errorKey = `ERRORS.${toScreamingSnakeCase(fieldName)}.${toScreamingSnakeCase(error)}`;
+        const errorKey = `${toScreamingSnakeCase(fieldName)}.ERRORS.${toScreamingSnakeCase(error)}`;
         if (this.translateService.instant(`${this.validationContext}.${errorKey}`) === `${this.validationContext}.${errorKey}`) {
-          return `${this.validationErrorsConfig.defaultContext}.${errorKey}`;
+          return `${this.validationErrorsConfig.defaultContext}.ERRORS.${toScreamingSnakeCase(error)}`;
         } else {
           return `${this.validationContext}.${errorKey}`;
         }

projects/xtream/ngx-validation-errors/src/lib/validation-context.component.ts

@@ -11,7 +11,7 @@ export class ValidationContextComponent implements AfterContentInit {
   @ContentChildren(FormFieldContainerComponent, {descendants: true}) validators: QueryList<FormFieldContainerComponent>;
 
   // tslint:disable:no-input-rename
-  @Input('validationContext') validationContext: string;
+  @Input() validationContext: string;
   @Input() innerValidationError: boolean;
 
   ngAfterContentInit(): void {