This is an Angular project for dynamic forms based on JSON:
- GitHub repository under MIT License with releases
- Azure DevOps project with build pipelines, release dashboard and npm packages for releases and pre-releases up to version
14.0.0-rc.1 - Azure web apps with demos
- npm packages for libraries
- stackblitz example
- Dynamic reactive forms based on JSON definition
- Structuring / nesting dynamic forms by
- Dynamic form elements (container, accordion, tabs, content, markdown, modal)
- Dynamic form fields (control, group, array, dictionary)
- Dynamic form actions (button, icon)
- Dynamic form controls / inputs include
- Dynamic form inputs
- Checkbox and switch
- Combobox, radio, select and toggle
- Textbox and textarea
- Datepicker
- Numberbox
- Dynamic form input validation
- Dynamic form input hints
- Dynamic form inputs
- Library includes extendable interfaces, classes, components, factories, services and modules
- Dynamic form config module for registration of components
- Dynamic form module includes
- Builder to create form controls, groups, arrays and dictionaries
- Component factory to resolve registered components
- Component to render elements, fields and actions
- Dynamic form control module includes
- Component to render an input
- Dynamic form group module includes
- Component to render controls, groups and arrays
- Dynamic form array module includes
- Component to render either controls, groups or arrays of same structure
- Dynamic form dictionary module includes
- Component to render either controls, groups or arrays of same structure
- Dynamic form validation module for registration of validators and messages
- Builder to create validators
- Service to resolve validation messages
- Dynamic form action module for registration of action handlers
- Service to resolve action handlers
- Library for components based on bootstrap and HTML5
- Library for components based on @angular/material
Packages up to version 14.0.0-rc.1 were hosted by Azure DevOps. Therefore, the following lines
@dynamic-forms:registry=https://pkgs.dev.azure.com/alexandergebuhr/dynamic-forms/_packaging/dynamic-forms/npm/registry/
needed to be part of the npm config file .nmprc.
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]npm install @dynamic-forms/[email protected]
- Built with Angular 14
- Environments include DEV and PROD
- Built with Angular 13
- Environments include DEV and PROD
- Built with Angular 12
- Environments include DEV and PROD
- Built with Angular 11
- Environments include DEV and PROD
- Built with Angular 10
- Environments include DEV and PROD