luqmanrom / angular-form-for

Set of Angular directives to simplify creating and validating HTML forms.

Angular formFor

http://bvaughn.github.io/angular-form-for/

formFor is a quick and easy way to declare complex HTML forms with client and server-side validations. Using formFor a sign-up form may look like this:

<form form-for="user" service="UserSignUp">
  <text-field attribute="email"></text-field>
  <text-field attribute="password" type="password"></text-field>
  <checkbox-field attribute="iAgreeToTheTerms"></checkbox-field>
  <submit-button label="Sign Up"></submit-button>
</form>

But that's not all! formFor is incredibly flexible, offering a wide range of configuration options. Check out the website to learn more!

Compatibility and Dependencies

The current release of formFor is compatible with Angular Angular 1.2. (1.3 support will be added in a future release once Angular 1.3 is out of beta.)

Angular 1.2.22+ is recommended due to a $parse defect that existed in previous releases.

formFor does not require third party libraries such as jQuery, lodash, or underscore.

Installation

You can install this plugin with either Bower or NPM:

bower install angular-form-for --save-dev
npm install angular-form-for --save-dev

This will download an angular-form-for folder into your bower/node components directory. Inside of that folder there will be a dist folder with the formFor JavaScript and CSS files. By default formFor is compatible with Bootstrap 3.2.x styles. A separate, formFor only CSS stylehseet is included for those not using Bootstrap.

Lastly just include the formFor module in your Angular application like so:

angular.module('myAngularApp', ['formFor']);

License

Copyright (c) 2014 Brian Vaughn. Licensed under the MIT license.