angular-formly - JavaScript powered forms for AngularJS

  •        45

angular-formly is an AngularJS module which has a directive to help customize and render JavaScript/JSON configured forms. The formly-form directive and the formlyConfig service are very powerful and bring unmatched maintainability to your application's forms.From there, it's just JavaScript. Allowing for DRY, maintainable, reusable forms.

http://formly-js.github.io/angular-formly/
https://github.com/formly-js/angular-formly

Tags
Implementation
License
Platform

   




Related Projects

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Schema Form is inspired by the nice [JSON Form](https://github.com/joshfire/jsonform) library andaims to be roughly compatible with it, especially its form definition. So what sets Schema Formapart from JSON Form?1. Schema Form integrates deeply with AngularJS and uses AngularJS conventions to handle forms.2. Schema Form uses [tv4](https://github.com/geraintluff/tv4) for validation, making it compatible with version 4 of the JSON schema standard.3. By default, Schema Form generates Bootstrap 3

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Much of the new development is being done in Assimilate, a standardised validator for JSON Schema to help ensure changing validators is never as painful as escaping tv4 is, as well as a new core library to allow for a more predictable upgrade from AngularJS to Angular. If you use ASF in your project/company please let us know! We'd love to feature you on the site.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

  •    CSS

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.

angular-payments - Module that provides AngularJS-directives for formatting, validating and working with payments

  •    Javascript

An Angular Module that provides directives for formatting and validating forms related to payments. Also, it ships with a directive that makes it easy to integrate with Stripe's wonderful stripe.js.This library wasn't just heavily inspired by Stripe's jQuery.payments, but is in fact mostly just a port of it to a more AngularJS-oriented style.


angular-form-for - Set of Angular directives to simplify creating and validating HTML forms.

  •    Javascript

Set of Angular directives to simplify creating and validating HTML forms.

angular-starter - :tada: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack by @TipeIO

  •    Javascript

An Angular starter kit featuring Angular 5, Ahead of Time Compile, Router, Forms, Http, Services, Tests, E2E), Karma, Protractor, Jasmine, Istanbul, TypeScript, @types, TsLint, Codelyzer, Hot Module Replacement, and Webpack by AngularClass.This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using a Webpack 3 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.

formio.js - JavaScript powered Forms with JSON Form Builder

  •    Javascript

This library is a plain JavaScript form renderer and SDK for Form.io. This allows you to render the JSON schema forms produced by Form.io and render those within your application using plain JavaScript, as well as provides an interface SDK to communicate to the Form.io API's. The benefits of this library include. To install this SDK into your project, you can use the following command within your terminal.

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

  •    Javascript

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

angular-file-upload - Angular File Upload is a module for the AngularJS framework

  •    Javascript

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.When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.

django-angular - Let AngularJS play well with Django

  •    Python

On 2017-11-17 django-angular version 2.0 has been released. To be compliant with other libraries such as djangorestframework, server-side responses on rejected forms use error code 422, rather than 200. If you use your own form controllers, adopt them accordingly. The JSON format used to communicate errors downstream has changed slightly.

formio - The combined Form and API platform for Serverless Applications.

  •    Javascript

Form.io is a revolutionary combined Form and API platform for Serverless applications. This repository serves as the core Form and API engine for https://form.io. This system allows you to build "serverless" data management applications using a simple drag-and-drop form builder interface. These forms can then easily be embedded within your Angular.js and React applications using the <formio> HTML element. Here is a link to a demo of the Form Building and Form Rendering capability that can be hooked into this API platform.

AngularJS-Toaster - AngularJS Toaster is a customized version of "toastr" non-blocking notification javascript library

  •    Javascript

AngularJS Toaster is an AngularJS port of the toastr non-blocking notification jQuery library. It requires AngularJS v1.2.6 or higher and angular-animate for the CSS3 transformations.AngularJS-Toaster requires AngularJS v1.2.6 or higher and specifically targets AngularJS, not Angular 2, although it could be used via ngUpgrade. If you are looking for the Angular 2 port of AngularJS-Toaster, it is located here.

js-data-angular - Angular wrapper for js-data

  •    Javascript

Angular wrapper for js-data.Angular-data is deprecated. js-data + js-data-angular is the new hotness.

angular-stripe - Angular Stripe.js service that returns promises for token calls

  •    Javascript

Angular provider for easy interaction with Stripe.js. angular-stripe wraps Stripe.js's async operations in $q promises, making response handling easier and eliminating $scope.$apply calls and other repetitive boilerplate in your application. Check out angular-credit-cards for validating your credit card forms. angular-stripe will load Stripe.js when it's first called. You don't need to directly include Stripe.js via a <script> tag.

angular-xeditable - Edit in place for AngularJS

  •    HTML

Angular-xeditable is a bundle of AngularJS directives that allows you to create editable elements in your projects. 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.Download latest version from project homepage.

angular-locker - 🗄️ A simple & configurable abstraction for local/session storage in angular js projects

  •    Javascript

A simple & configurable abstraction for local/session storage in angular projects - providing a fluent api that is powerful and easy to use.Simply download the zip file HERE and include dist/angular-locker.min.js in your project.

angular-translate - Translating your AngularJS 1.x apps

  •    Javascript

This is the repository for angular-translate.angular-translate is a JavaScript translation library for AngularJS 1.x app.

surveyjs - JavaScript Survey and Form Library

  •    TypeScript

SurveyJS is a modern way to add surveys and forms to your website. It has versions for angular2+, jQuery, knockout, react and vue. SurveyJS is the most feature-rich Survey / Form Library available at the current moment. It can be easily customized and extended to suit your needs.

angular-filter - Bunch of useful filters for AngularJS (with no external dependencies!)

  •    Javascript

(2) Include angular-filter.js (or angular-filter.min.js) in your index.html, after including Angular itself.(3) Add 'angular.filter' to your main module's list of dependencies.