ng-x-form

概述

基于 NG-ZORRO组件库 可视化的表单设计器。

使用场景

• 所见即所得，方便设计师/产品经理即时创作。

• 降低表单编码工作量 设计表单 -> 生成HTML/TS -> 二次编辑。

• 使用渲染器 设计表单 -> 结构化的JSON -> 渲染器。

文档与示例

浏览器环境

| | | | | | ---- | ---- | ---- | :----: | | 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>