json-form-template v0.0.4

How to use?

Install npm i json-form-template

Import and add as per below code,

app.module

import { ReactiveFormsModule } from '@angular/forms';

imports: ReactiveFormsModule, JsonFormTemplateModule ,

app.component.html

app.component.ts

formData =formJson; handleFormSubmitted(response: any) { // Handle the form submit response here console.log('Form submit response:', response); }

Sample json

{ "formName": "User Registration", "actionButtons": { "lable": "Submit", "methodCall": "", "callback": "" } , "formGroups": [ { "groupName": "basic", "col": 6, "fields": { "type": "text", "name": "firstName", "label": "First Name", "required": true }, { "type": "text", "name": "lastName", "label": "Last Name", "required": true }, { "type": "email", "name": "email", "label": "Email", "required": false } }, { "groupName": "address", "col": 12, "fields": [ { "type": "select", "name": "country", "label": "Country", "required": true, "options": "USA", "Canada", "UK", "Australia" }, { "type": "textarea", "name": "address", "label": "Address", "required": false } ] }, { "groupName": "check box", "col": 12, "fields": { "type": "checkbox", "name": "checkmeout", "label": "Check me out", "required": true } } ] }