ngx-form-builder
Angular Form generation base on ng8.x,dynamic template support ng-zorro-antd/BootStrap UI
Online Demo: http://form.giscafer.com
TODO List
- Form generation based on JSON schema
v0.1.0 - Support download & copy the generated template code
v0.1.0 - Support ngModel auto-binding
v0.1.0 - Support
BootStraptemplatev0.1.0 - Support
ng-zorro-antdtemplatev0.1.0 - Support
ng-zorro-antdtemplate code edit on StackBlitzv0.1.3 - Support
Yapiinterface generate templatev0.1.4, details see doc/yapi - Support
Java vo—>json schema—> generate->ng template - Support DND (drag and drop)
- Support Form Validator
Usage
Run npm run start for a dev server. Navigate to http://localhost:8888/.
ScreenShot
The project is under developing
Related
- angular2-schema-form
ngx-form-builderbase on angular2-schema-form - formBuilder
- ngx-formly JSON powered / Dynamic forms in Angular
- nz-schema-form
- formql
Issues
- build --aot Runtime compiler is not loaded
- JitCompilerFactory Bug at Angular 5 & not support AOT angular/angular #20639
- JIT Complier needed with AOT Build for Dynamic Component9
- Angular's integration example
Contributing
- Fork it!
- Create your feature branch: git checkout -b my-new-feature
- Commit your changes: git commit -m 'Add some feature'
- Push to the branch: git push origin my-new-feature
- Submit a pull request :D
License
MIT
giscafer.com · GitHub @giscafer · Twitter @nickbinglao · Weibo @Nickbing_Lao
-
0、进行form表单双向数据绑定的前提： 在app.module.ts中引入 //引入表单相关的模块 才可以用双休数据绑定 import { FormsModule } from '@angular/forms'; imports: [ BrowserModule, FormsModule ] 1、input组件 <li>姓 名：<input type="text" id
-
import { Component, OnInit } from '@angular/core'; import {FormBuilder, FormControl, FormGroup, ValidationErrors, Validators} from '@angular/forms'; import {MarketStaffService} from '../../../../@core
-
ngx-weui 是一个使用 Angular 构建的 WeUI 组件。 在线示例以及API文档。
-
ngx-fastdfs 是 nginx + lua +fastdfs 实现分布式图片实时动态压缩。 install 进入docker目录docker build -t fastdfs:dev . 使用 docker -idt -p 80:80 fastdfs:dev /bin/bash进入容器执行/etc/rc.local 测试 进入容器执行test目录下的./test.sh或者直接执行下面脚本
-
ngx-markdown ngx-markdown is an Angular library that combines... Marked to parse markdown to HTML Prism.js for language syntax highlight Emoji-Toolkit for emoji support KaTeX for math expression rende
-
ngx-admin Who uses ngx-admin?| Documentation | Installation Guidelines | Angular templates New! Material theme for ngx-admin Material admin theme is based on the most popular Angular dashboard templat
-
@sweetalert2/ngx-sweetalert2 Official SweetAlert2 integration for Angular This is not a regular API wrapper for SweetAlert (which already works very well alone), it intends to provide Angular-esque ut
-
ngx-dropzone A lightweight and highly customizable Angular dropzone component for file uploads. For a demo see DEMO. And the CODE for the demo. Install $ npm install --save ngx-dropzone Usage // in ap