使用角度6拖放创建动态UI? [关闭]

问题描述 投票:-1回答:1

我想通过拖放使用角度7创建动态表单。我需要使用这些控件来使用拖放功能构建表单: -

  1. 复选框
  2. 多个标题
  3. 小标题
  4. 表+格式化
  5. 表+未配制
  6. 复选框+文字
  7. 文本字段+格式化
  8. 编辑文本
  9. 格式化视图,包括文本
  10. 单选按钮

我们将通过将这些控件拖放到表单上来创建表单。我们需要将创建的表单JSON存储到数据库中。

我已尝试在角度7中使用ngx-schema表单。但它没有提供我所需的所有功能。所以请给我任何建议来结束这一切。谢谢

javascript angular typescript2.0 formio
1个回答
3
投票

以下是动态表单的示例,在此示例中使用了材质表单

https://medium.com/@mail.bahurudeen/create-a-dynamic-form-with-configurable-fields-and-validations-using-angular-6-994db56834da

动态表单概念可用于表单输入

  • 文本框,复选框,单选按钮,编辑文本框,按钮,日期

输出似乎,

enter image description here

对于拖放,

https://material.angular.io/cdk/drag-drop/overview

你必须在项目中合并这两件事,然后才能实现。

© www.soinside.com 2019 - 2024. All rights reserved.