Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ngx-error-message

darioegb341MIT3.1.0TypeScript support: included

A package to display error messages in angular forms

ngx-error-message, ng-error, error message, angular handler error, angular, form validation, error handling, angular forms, validation messages, angular error messages

readme

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.

Live Example

Installation

npm install ngx-error-message --save
# Optional for translations:
npm install @ngx-translate/core @ngx-translate/http-loader --save

Quick Setup

  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:
<input formControlName="password" ngxErrorMessage />

Customization

  • 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.

Documentation

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

Github @darioegb

changelog

Changelog

All notable changes to this project will be documented in this file. Dates are displayed in UTC.

Generated by auto-changelog.

v3.1.0

15 May 2025

  • Feat/angular migration #3
  • Update README.md #2
  • chore: migrate to angular 18 35f5c1b
  • chore: migrate to angular 19 aa4870d
  • chore: migrate to angular 19 & code optimization 9946415

v3.0.0

10 October 2024

  • Feat/angular migration #1
  • feat: migrate to Angular 17 and implement improvements a787272
  • migrate to angular 14 176a6a7
  • migrate to angular 16 3c7e6db

v2.2.1

16 August 2022

  • Fix/translate not change #10

v2.2.0

30 May 2022

  • Feat/angular migration #9
  • Feat/angular migration #8
  • fix dependencies problems 55f1686
  • remove ng-package obsolete 391e4dd
  • add pipe to manage error message c0ca410

v2.0.2

26 March 2021

  • update documentation and code optimization 6e27606
  • fix lint problem 51ad42c
  • Update .gitlab-ci.yml f1bd2b3

v2.0.1

25 March 2021

v2.0

22 March 2021

  • Develop #5
  • Develop #4
  • separate jobs for testing and sonar 164ed8f

1.3

7 November 2020

  • add live example update documentation #2
  • Add coverage to ngx-error-message 2b13176
  • add coverage to lib 68fcca9
  • add puppeteer for test error 51a6955

v1.2

29 May 2020

  • optimize library service #1

v1.0

16 May 2020