Best AngularJs Forms Directives Plugins

Angular File Upload

Angular File Upload

Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue. It supports native HTML5 uploads, but degrades to a legacy iframe upload method for older browsers. Works with any server side platform which supports standard HTML form uploads.

Angular Media Upload Preview Directive

Angular Media Upload Preview Directive

An AngularJS directive for creating a preview of your images before uploading them.

Angular Formly : JavaScript Powered Forms for AngularJS

Angular Formly : JavaScript Powered Forms for AngularJS

This is one of the awesome module out there , which allows us to render JavaScript forms .In simple terms is allows us to generate forms dynamically using JavaScript objects.Angular-formly makes your forms more manageable and reusable.A must use library when your application involves lots of forms.

Further more it comes with pre built templates, but the user my opt to build their own custom templates and use them.

Custom Selectbox for AngularJS

Custom Selectbox for AngularJS

This is AngularJS directive for the custom selectbox. It accepts flat list such as [1, 2, 3, 4, 5], but you can also provide array of object which has to be formatted as follows: [{id: 1, name: 'item 1'}, {id: 2, name: 'item 2'}, {id: 3, name: 'item 3'}] It’s possible to go through the list with up and down key arrows, and to select the item by hitting enter or space.

AngularJS Money Directive to Validate Monetary Inputs

AngularJS Money Directive to Validate Monetary Inputs

AngularJS money directive to validate monetary inputs.This directive validates monetary inputs in “42.53” format (some additional work is needed for “32,00” European formats). Note that this is not designed to work with currency symbols. It largely behaves like Angular’s implementation of type="number".

  • Prevents entering non-numeric characters
  • Prevents entering the minus sign when min >= 0
  • Supports min and max like in <input type="number">

 

oi.select : AngularJS directive of Select Element

oi.select : AngularJS directive of Select Element

oi.multiselect is an AngularJS directive which allows to select multiple items form a dropdown list. Without jQuery and other dependencies. Great for tags/tokens inputs.

  • multiselect
  • API compatible with Angular select
  • Angular 1.2+ without jQuery and other dependencies
  • search options by substring (including the search query to the server)
  • use Bootstrap styles (but you can use own styles)

Angular Elastic : Auto Resize Textareas

Angular Elastic : Auto Resize Textareas

Angular Elastic is an AngularJS directive that allows dynamic resizing of textarea height, so that it grows as based on visitor input.

Simple Form Validator For AngularJS

Simple Form Validator For AngularJS

A simple lightweight AngularJS plugin which provides a simple way to validate the form inputs your visitors typed before submitted.