vormjs

vorm

Generate dynamic, stateful Angular forms via JSON, JavaScript Objects or HTML and still talk to the same API. Vorm is largely based on my experiences with writing another Angular form generator. It (kind of) favors immutability & functional programming over shared mutable state and parsed expressions. It's backed by over 80 tests, with close to 100% code coverage.

What does vorm do?

Vorm is an Angular module for generating (via JSON/HTML) and decorating (HTML) forms and form controls. No matter how you write your forms, the same API is available.

Features

Generate form controls with JSON & JavaScript objects

Simply pass an array of configuration objects (of which only name and type are required) to vorm and it'll take care of the rest. Supported by default: text, number, textarea, select, radio, checkbox, date, and more.

• 01 - Generate a simple form with JSON
• 04 - Core field types

Dynamic form state

You can easily adjust form state via so-called invokables, which can be a primitive, an object, a function or an array/injectable. Hide and show fields, change a label or the options of a select box, or set the required state, based on form values or any other part of your application state.

• 06 - Dynamic forms

Every field supports any number of controls

The default number of controls for any field is 1, but you can allow the user to add any number of controls via the configuration object. This is very useful when you want to support more than one value. Think, for example, of a field which allows the user to fill in one or more IP addresses.

• 05 - Allow multiple controls per field

Theming

With the vormTemplateServiceProvider you can either customize or override the wrapper, control list, and model templates.

• 03 - Using a custom theme (in this case, Angular Material)

Adding your own controls

vorm supports any control which is based on ngModel out of the box. No extra work is required (or even possible).

Fine-grained control

You have access to all the building blocks, which means you can write your forms any which way you please. Via JSON, JavaScript Objects but also via HTML (including wrapping existing form controls via vorm-field-wrapper).

• 02 - Generate a simple form with HTML

How do I get started?

vorm is available on both npm and bower as vormjs.

npm: $ npm install vormjs

bower: $ bower install vormjs

For now, read the source code, ping me on Twitter, or check out the examples:

• 01 - Generate a simple form with JSON
• 02 - Generate a simple form with HTML
• 03 - Using a custom theme (in this case, Angular Material)
• 04 - Core field types
• 05 - Allow multiple controls per field
• 06 - Dynamic forms

Woefully incomplete documentation