Ngx Form Builder screenshot

Ngx Form Builder

Author Avatar Theme by Giscafer
Updated: 28 Jun 2019
122 Stars

Angular Form generation base on Angular , dynamic template support ng-zorro-antd/BootStrap UI (基于ng8的 json schema 表单生成器,提供生成组件源码,可对生成的表单代码进行编辑)

Categories

Overview

ngx-form-builder is an Angular library that allows for dynamic form generation based on JSON schema. It supports various UI frameworks such as ng-zorro-antd and Bootstrap. The library also includes features such as ngModel auto-binding, template code editing on StackBlitz, and integration with Yapi interface.

Features

  • Form generation based on JSON schema
  • Support for downloading and copying the generated template code
  • Support for ngModel auto-binding
  • Support for Bootstrap and ng-zorro-antd templates
  • Support for editing ng-zorro-antd template code on StackBlitz
  • Integration with Yapi interface for template generation
  • Support for Java vo to json schema conversion and template generation (in development)
  • Support for drag and drop functionality (in development)
  • Support for form validation (planned feature)

Installation

To install ngx-form-builder, follow these steps:

  1. Run the following command in your Angular project root directory:

    npm install ngx-form-builder
    
  2. Import the FormBuilderModule into your Angular module:

    import { FormBuilderModule } from 'ngx-form-builder';
    
    @NgModule({
      imports: [
        // ...
        FormBuilderModule
      ],
      // ...
    })
    export class AppModule { }
    

Summary

ngx-form-builder is an Angular library that provides dynamic form generation based on JSON schema. It offers various features such as support for different UI frameworks, template code editing on StackBlitz, and integration with Yapi interface. The library is well-documented and actively maintained. However, there are a few planned features that are still under development, such as drag and drop functionality and form validation support. Overall, ngx-form-builder is a useful tool for easily generating and managing forms in Angular applications.