angular - JSON powered forms for Angular

  •        56

This library serves as a Dynamic JSON Powered Form rendering library for Angular. This works by providing a JSON schema to a Angular component, where that form is dynamically rendered within the front end application. This allows forms to be dynamically built using JSON schemas. To run a demo of the Form.io Angular renderer, please follow these steps.

https://formio.github.io/angular-demo
https://github.com/formio/angular

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

angular-formly - JavaScript powered forms for AngularJS

  •    Javascript

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.


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.

ngx-schema-form - HTML form generation based on JSON Schema

  •    TypeScript

Ngx Schema Form is an Angular 2+ module allowing you to instanciate an HTML form from a JSON schema. Note: Version 1.x is compliant with Angular <=4, version 2.x is compliant with Angular >=6.

JSON Forms - More Forms. Less Code

  •    Typescript

JSON Forms is a JSON Schema based approach for creating forms. It comes with off the shelf support for React, Angular and Vue. It is a declarative framework for efficiently building form-based web UIs. These UIs are targeted at entering, modifying and viewing data and are usually embedded within an application.

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.

angular2-schema-form - HTML form generation based on JSON Schema

  •    TypeScript

Angular2 Schema Form is an Angular2 module allowing you to instanciate an HTML form from a JSON schema. Angular2 Schema Form is not related to angular-schema-form and schemaform.io.

NSwag - The Swagger/OpenAPI toolchain for .NET, Web API and TypeScript.

  •    CSharp

NSwag is a Swagger/OpenAPI 2.0 and 3.0 toolchain for .NET, .NET Core, Web API, ASP.NET Core, TypeScript (jQuery, AngularJS, Angular 2+, Aurelia, KnockoutJS, and more) and other platforms, written in C#. The Swagger specification uses JSON and JSON Schema to describe a RESTful web API. The NSwag project provides tools to generate Swagger specifications from existing ASP.NET Web API controllers and client code from these Swagger specifications. The project combines the functionality of Swashbuckle (Swagger generation) and AutoRest (client generation) in one toolchain. This way a lot of incompatibilites can be avoided and features which are not well described by the Swagger specification or JSON Schema are better supported (e.g. inheritance, enum and reference handling). The NSwag project heavily uses NJsonSchema for .NET for JSON Schema handling and C#/TypeScript class/interface generation.

NSwag - The Swagger/OpenAPI toolchain for .NET, ASP.NET Core and TypeScript

  •    CSharp

NSwag is a Swagger/OpenAPI 2.0 and 3.0 toolchain for .NET, .NET Core, Web API, ASP.NET Core, TypeScript (jQuery, AngularJS, Angular 2+, Aurelia, KnockoutJS and more) and other platforms, written in C#. The OpenAPI/Swagger specification uses JSON and JSON Schema to describe a RESTful web API. The NSwag project provides tools to generate OpenAPI specifications from existing ASP.NET Web API controllers and client code from these OpenAPI specifications.

aws-cognito-angular-quickstart - An AngularV4-based QuickStart web app utilizing Amazon Cognito, S3, and DynamoDB (serverless architecture)

  •    TypeScript

This sample application can be deployed to either Elastic Beanstalk or S3. S3 will host this application as a static site while Elastic Beanstalk gives you the capability of adding backend operations to the application.createResources.sh requires your aws cli to be configured for JSON output.

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.

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-validation - Client Side Validation for AngularJS 1

  •    Javascript

Client-side Validation should be simple and clean. Don't let Client-side Validation dirty your controller. Setup your Validation on config phase by using some rules (example) If you prefer schema over html attributes , try angular-validation-schema (Demo) And add Validation in your view only.

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-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.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.