The configuration of @ngx-validate/core cannot be overridden

[mehmet-erim]

We use the @ngx-validate/core package for managing the validation messages of reactive forms automatically.

The NgxValidateCore module is imported to ThemeBasic but there is a problem here. We'll fix it to be able to override the default messages.

After this fix, you can define your own validation configuration in app.module.ts. If you like to override the configuration, you can import the NgxValidateCoreModule as like below:

// app.module.ts

@NgModule({
  imports: [
     // other imports

    ThemeBasicModule.forRoot(), // If you are a member of commercial, this should be ThemeLeptonModule.forRoot() instead.
    // make sure that the NgxValidateCoreModule is under the ThemeBasicModule
    // the configurations in ThemeBasicModule are as follows
    NgxValidateCoreModule.forRoot({
      targetSelector: '.form-group',
      blueprints: {
        creditCard: 'AbpValidation::ThisFieldIsNotAValidCreditCardNumber.',
        email: 'AbpValidation::ThisFieldIsNotAValidEmailAddress.',
        invalid: 'AbpValidation::ThisFieldIsNotValid.',
        max: 'AbpValidation::ThisFieldMustBeBetween{0}And{1}[{{ min }},{{ max }}]',
        maxlength:
          'AbpValidation::ThisFieldMustBeAStringOrArrayTypeWithAMaximumLengthOf{0}[{{ requiredLength }}]',
        min: 'AbpValidation::ThisFieldMustBeBetween{0}And{1}[{{ min }},{{ max }}]',
        minlength:
          'AbpValidation::ThisFieldMustBeAStringOrArrayTypeWithAMinimumLengthOf{0}[{{ requiredLength }}]',
        ngbDate: 'AbpValidation::ThisFieldIsNotValid.',
        passwordMismatch: 'AbpIdentity::Identity.PasswordConfirmationFailed',
        range: 'AbpValidation::ThisFieldMustBeBetween{0}And{1}[{{ min }},{{ max }}]',
        required: 'AbpValidation::ThisFieldIsRequired.',
        url: 'AbpValidation::ThisFieldIsNotAValidFullyQualifiedHttpHttpsOrFtpUrl',
      },
      errorTemplate: ValidationErrorComponent,
    }),
  ],
  // ...
})
export class AppModule {}