Generic Forms

in Angular4

a hight level view

Overview

• The Goal
• Usage
• Controls
  • native functionality
  • custom Functionality
• Groups
  • native functionality
  • custom Functionality
• Container 
• Layout
• Custom Components
• The full config

The Goal

Creating complex forms out of a JSON object

Utilize all native browser features of form controls

Customize Controls, Groups, Components and Layout

Reuse it in both a form builder and form presenter

Usage

API

Client

{ ... }

Firstname

....

Lastname

....

Send

Components

Functions

Dynamic Form

Component

JSON Data

View

Control

Native

States: INVALID, VALID, PENDING

Validation: sync / async default and custom validation

Disabled, Focused

Placeholder

Formatter Parser

Control

Custom

Validation: sync / async validation

Formatter Parser

valueChangeListener

stateChangeListener

Group/Array

Native

States: INVALID, VALID, PENDING

Validation: sync / async default

Disabled