NgxErrorMessage

Overview

NgxErrorMessage is an Angular library that displays dynamic error messages for reactive or template-driven forms, with optional internationalization support using @ngx-translate.

$3

- Live Example on StackBlitz

$3

``bash
npm install ngx-error-message --save


Optional for translations:


npm install @ngx-translate/core @ngx-translate/http-loader --save
`

$3

1. Import NgxErrorMessageModule in your main module and configure @ngx-translate if you want multilingual support.
2. Add error messages to your translation files (assets/i18n/en.json).
3. Use the directive in your form fields:

`html

`

$3

- Customize error messages globally or per field.
- Use the classNames attribute for custom styles.
- Control when to show errors with the when` attribute.
- Easily add custom patterns and validations.

$3

See the official documentation for advanced examples, detailed setup, and customization.

---

> Github @darioegb