Best AngularJs Forms Directives Plugins

Dynamic Forms : Angular2 Rapid Form Development library

Dynamic Forms : Angular2 Rapid Form Development library

ng2 Dynamic Forms is a rapid form development library based on the official Angular dynamic forms guide.

It highly simplifies the implementing of reactive Angular forms by building upon a layer of maintainable form control models to fully automate form UI creation.Therefore it provides a set of dynamic UI components with out of the box support for Bootstrap, Foundation, Ionic, Kendo, Material, NG Bootstrap and PrimeNG.

Angular Bind Checkboxes list to a unique ng-model Array

Angular Bind Checkboxes list to a unique ng-model Array

Bind a list of checkboxes to a unique ng-model array.Angular.checkboxes module lets you turn your list of checkboxes into a unique destination array, providing :

  • two-way binding: manipulate the destination array will check/uncheck the checkboxes AND check/uncheck the checkboxes will modify the destination array.
  • no isolated scope for each checkbox: the directive does not create new child scope.
  • a mtCheckboxController: internal controller can be injected to other directives.

Bootstrap Switch for Angular 2

Bootstrap Switch for Angular 2

Angular directive for Bootstrap Switch. Useful to make a checkbox more entertaining.

Angular2 Select component with Tree Items

Angular2 Select component with Tree Items

A multifunctional Angular 2 multi select component with hierarchical tree support.

Angular 2 Form Wizard Component

Angular 2 Form Wizard Component

This is an Angular2 Form Wizard component. Just like any form wizard. You can define steps and control how each step works. You can enable/disable navigation button based on validity of the current step. Currently, the component only support basic functionality. More features will come later.

Angular Min Max validators

Angular Min Max validators

Implementation of min/max value validator directives for Angular 2.0.0 that works with both Angular forms validation and the DOM. As best as I can tell, these two validator directives are absent from the initial Angular 2.0.0

Ngx-uploader : Angular2 File Uploader

Ngx-uploader : Angular2 File Uploader

The ngx-uploader component provides a handy client-side drag’n’drop file upload experience for Angular 2 applications.

Angular File Saver

Angular File Saver

An AngularJS service that provides cross-browser compatibility of the HTML5 saveAs().Angular File Saver is an AngularJS service that leverages FileSaver.js and Blob.js to implement the HTML5 W3C saveAs() interface in browsers that do not natively support it

Angular2 Record Picker

Angular2 Record Picker

Angular 2 component for picking records; an alternative to input select.The record-picker is an Angular 2 component that works similiarly to a select input item, but displays all the choices before and after the selection is made. An array of strings or objects can be passed to the record-picker for display in the pick list.

Angular Step Input Directive

Angular Step Input Directive

Angular directive for a customized numeric user inputs.A custom user input extracted from our inhouse framework/cms. The input is somewhat similar to a native number-input, but it allows for default styling and custom styling overrides for specified numbers.

Features:

  • styled number input
  • min/max values
  • custom increment/decrement icons
  • override view value as function or expression (eg to represent 0 by an x-icon)
  • all overrides on a per value basis (eg display 0 in red)