Not Maintained

This library is not maintained and may not work with newer versions of Angular

ngx-auto-validate

ngx-auto-validate is a validation module for Angular that favors dynamic element modification to show client-side validation errors. It’s a good solution for large forms or applications where writing out all validation combinations could result in excess HTML in your templates.

Inspired by https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5 and https://jonsamwell.github.io/angular-auto-validate

Installation

npm install ngx-auto-validate

or

yarn add ngx-auto-validate

Usage:

Import this library in your app.module.ts:

import {
	NgxAutoValidateModule
} from "ngx-auto-validate";

@NgModule({
	// ...
	imports: [
		ReactiveFormsModule,
		NgxAutoValidateModule.forRoot({
			errors: {
				errorType: "Error text"
				// ex. required: "This field is required"
				// ...
			},
			classes: {
				validationMessage: "text-danger small"
				// ...
			},
			texts: {
				defaultError: "Validation error",
				// ...
			}
		}),
		// ...
	]
})
export class AppModule {}

ToDo: