AngularClass Form Errors

> A component that is designed to show and hide messages based on the state of a key/value object.

Install

``bash
npm install @angularclass/form-errors --save
`

* Inputs
* [errors]: takes an object where the keys match the errors and the value is the message
* Attributes
* control: The control name to determine the errors

API


`typescript
@Component({
selector: 'account',
directives: [
...ANGULARCLASS_FORM_ERRORS_DIRECTIVES // [ AcMatchControlValidator ]
]
});
`
`html

`

example

`typescript
import { Component } from '@angular/core';

import { ANGULARCLASS_FORM_ERRORS_DIRECTIVES } from '@angularclass/form-errors';

@Component({
selector: 'account-edit',
directives: [
...ANGULARCLASS_FORM_ERRORS_DIRECTIVES
],
template:

})
export class AccountEditComponent {
accountForm = {
username: ''
};

onUpdateProfile(json, isValid) {

}

}
``

$3

- [ ] use ng-content for template driven forms
- [ ] by default use the control next to the directive

___

enjoy — AngularClass

##AngularClass
> Learn AngularJS, Angular 2, and Modern Web Development from the best.
> Looking for corporate Angular training, want to host us, or Angular consulting? patrick@angularclass.com