ngx-messages
@ngspot/ngx-errors
⚠️ For Angular version 9+ use
I solely missed ng-messages
directive from AngularJs, so I created this one to use in Angular 2+.
In contrast to the one from AngularJs, this one requires you to pass control to the directive, instead of its errors.
This allowed me to hook in to the status of control, like its dirty
state, and display validation messages according to that status.
A nice side effect of that decision is less boilerplate code.
Installation
To install this library, run:
$ npm install ngx-messages --save
Consuming ngx-messages
// app.module.ts;;; // <-- import the module;
// my.component.ts;;
By default, ngx-messages only show errors when input is dirty. Howeverm you can change that by configuring module during its import/declaration:
Styling messages
Just include something similar to the following in your global css file:
[
Development
To generate all *.js
, *.js.map
and *.d.ts
files:
$ npm run tsc
To lint all *.ts
files:
$ npm run lint
License
MIT © Dmitry Efimenko