angular-eat

Angular Eat (Enhanced Angular Tools) is a simple, easy-to-use library for dealing with forms and inputs in a angular app.

Please note at the moment is still under development. If you want to keep track of the updates, check on this page inside the features list.

Demo

fire your browser here [http://sosergio.github.io/] to see eat in action!

Features

• Validation with ng-messages
• Groups of inputs are easy to write in a single tag
• Comes with a variety of inputs recipes, called "buffets"
• Tested on Chrome

Usage

Include angular-eat.js in your JavaScript bundle or add it to your HTML page like this:

<script type='application/javascript' src='/path/to/angular-eat.js'></script>

Then reference the script in your app like this:

angular.module("myapp", ["angular-eat"]);

Then simply use it as a directive in your html like this:

<eat-group>
    <label>Name</label>
    <input type='text' minlength="2" required ng-model="vm.user.name"/>
    <eat-help>{{Your fullname}}</eat-help>
    <eat-messages />
</eat-group>

or with the "fast" mode:

<eat-group-fast 
    input='eat-memorable-date' 
    ng-model="vm.user.birthday" 
    label='{{vm.user.emailLabel}}' 
    help='Optional, we will send a birthday gift!'>
</eat-group-fast>

Todo

• add grunt and some tasks (less, injector, minify, watch)
• write unit test (chai, mocha, sinon)
• write e2e test (protractor)
• create bower package (upload to bower... how?)
• add comments in javascript
• add support for select/options
• add eat-group-required if input is required
• add localizer as a pluggable external service
• add buffet: internation mobile phone
• add buffet: country selector
• add buffet: quick address (via google maps)
• add buffet: money money money