Best AngularJs Forms Directives Plugins

ng-fab-form : Angular Fabulous Forms

ng-fab-form : Angular Fabulous Forms

ng-fab-form is a convenient forms for Angular with no extra markup.

  • Global (or invidivual) configurable validation messages (using ng-messages) to any element with a validation directive on it like required, ng-required, ng-pattern, ng-minlength and even new ones added.
  • Prevents submission of invalid forms
  • Completely disableable forms via a disable-form attribute
  • Show field validations after submit attempt
  • Prevent double submissions of forms when double clicked via a configurable delay

Angular complexify : Password Strength Validation

Angular complexify : Password Strength Validation

Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

This plugin only provides client-side validation, and should be combined with some server-side sanity checking.

Angular 2 Multiselect Directive

Angular 2 Multiselect Directive

An Angular 2 multiselect component for your modern web application.

ngStorage : LocalStorage & SessionStorage for AngularJS

ngStorage : LocalStorage & SessionStorage for AngularJS

An AngularJS module that makes Web Storage working in the Angular Way. Contains two services: $localStorage and $sessionStorage.

Checklist-model : AngularJS directive for List of Checkboxes

Checklist-model : AngularJS directive for List of Checkboxes

n Angular one checkbox <input type=”checkbox” ng-model=”…”> is linked with one model.But in practice we usually want one model to store array of checked values from several checkboxes.
Checklist-model solves that task without additional code in controller.

reCaptcha : Angular reCaptcha widget for Forms

reCaptcha : Angular reCaptcha widget for Forms

Angular directive to add a reCaptcha widget to your form.

Xeditable : Edit in place for AngularJS

Xeditable : Edit in place for AngularJS

Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements.Such technique is also known as click-to-edit or edit-in-place.
It is based on ideas of x-editable but was written from scratch to use power of angular and support complex forms / editable grids.

ngclipboard : Angularjs Directive for Clipboard.js

ngclipboard : Angularjs Directive for Clipboard.js

An angularjs directive to copy text to clipboard without using flash.

Travaul-Toggle : Angular Directive for Toggle Buttons

Travaul-Toggle : Angular Directive for Toggle Buttons

Angular Directive to Provide Toggle Buttons.

AngularJS Dropdown Multiselect

AngularJS Dropdown Multiselect

This directive gives you a Bootstrap Dropdown with the power of AngularJS directives.

  • Based on Bootstrap’s dropdown.
  • jQuery is not necessary.
  • Seperated your data and the selection data. no modification to the data made.
  • Built-in search.
  • Complete control on the selected items model to fit it to your requirements.
  • Two view options: normal list and checkboxes.
  • Pre-selected values.
  • Limit selection count.
  • Grouping items by property.
  • Callback events.