Angular JSON Schema Form — Demonstration Playground
An Angular JSON Schema Form builder for Angular 4 and 5, similar to, and mostly API compatible with, Angular Schema Form, React JSON Schema Form, and JSON Form.
Choose an example, or create your own, and check out the generated form.

Current example:

{{visible.options ? '▼' : '▶'}} Selected Framework and Options

{{frameworks[framework]}} {{languages[language]}}
Return empty fields? (default = true)
Add submit button? (default = only add if no layout is defined)
Show inline fedback? (default = false)
Show debuging information? (default = false)

{{visible.schema ? '▼' : '▶'}} Input JSON Schema and Form Layout

(loading form specification...)

{{visible.form ? '▼' : '▶'}} Generated Form

{{jsonFormStatusMessage}}

{{visible.output ? '▼' : '▶'}} Form Output

Valid?: {{formIsValid ? 'Yes' : 'No'}} n/a — errors from validationErrors():

Live data — from onChanges():
{{prettyLiveFormData}}

Submitted data — from onSubmit():
{{prettySubmittedFormData}}