ESC JSON Form Angular
Angular Standalone Component for JSON Form Editing
Overview
ESC JSON Form Angular brings the ESC JSON Form system to Angular as a standalone component — import it once and use it anywhere without module setup.
The `<esc-json-form-editor>` component renders a complete interactive form from any JSON value, with type switching per field, expandable object/array sections, and schema-driven validation.
It exposes `getJsonValue()` and `setJsonValue()` methods for programmatic read/write access, plus a `validationChange` output event that fires whenever validation state changes.
Peer dependencies are `@angular/core >= 16` and `@angular/common >= 16` — compatible with both module-based and fully standalone Angular applications.
Tech Stack
Year
2026
Category
Open Source
Key Features
Angular Standalone Component
Import `JsonFormEditorComponent` directly — works in both module-based and standalone Angular 16+ apps.
Supported Field Types
string, textarea, text editor (extended rich text mode), datetime, number, boolean, null, object, array.
Nested Sections
Objects and arrays render as expandable sections with add/remove controls for array items.
Schema Validation
Schema-defined rules surface inline validation messages via the `validationChange` output event.
Programmatic API
`getJsonValue()` and `setJsonValue()` for programmatic access to the current form value.
Minimal Peer Deps
Only requires `@angular/core >= 16` and `@angular/common >= 16`. No additional Angular modules needed.
Use ESC JSON Form Angular
ESC JSON Form Angular is free and open source — use it, fork it, contribute.