ng-x-form
概述
基于 NG-ZORRO组件库 可视化的表单设计器。
使用场景
-
所见即所得，方便设计师/产品经理即时创作。
-
降低表单编码工作量
设计表单->生成HTML/TS->二次编辑。 -
使用渲染器
设计表单->结构化的JSON->渲染器。
文档与示例
https://xujz520.gitee.io/ng-easy-mock/x-form/
浏览器环境
 |
 |
 |
 |
|---|---|---|---|
| Edge | Chrome | Firefox | Safari 13.1+ |
安装
确保项目已经安装了 NG-ZORRO v8.0.0 及以上版本
npm i @ng-dms/x-form --save如何使用
导入模块、使用组件
import { XFormDesignModule } from '@ng-dms/x-form';
import { XFormRenderModule } from '@ng-dms/x-form';<x-form-design></x-form-design>
<x-form-render></x-form-render>