Angular formFor

Navigation: Overview | Input Types | Validation Types | Templates | API Reference

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 label="Email" attribute="email"></text-field>
  <text-field label="Password" attribute="password" type="password"></text-field>
  <checkbox-field label="I agree to the TOS" attribute="agreed"></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 wiki to learn more! You can also check out some demos on Plunkr!

Simple sign-up form demo

http://plnkr.co/edit/p1cKIYdBYAJ9NYUZ2Jst?p=preview

More verbose sign-up form demo

http://plnkr.co/edit/lJEeXRcgqFbp3c7pxvbU?p=preview

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

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

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

More information

Check out the formFor wiki for lots of helpful information including:

• How to use formFor
• Input Types
• Validation Types
• Templates
• API Reference
• IE8 Support

If you have any questions please feel free to create an issue or contact me directly through Github.

License

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