创建带有角度6的拖放的动态UI？

Question

我想通过拖放使用angular 7创建动态表单。我需要这些控件，以便使用功能使用拖放功能来构建表单：-

1. 复选框
2. 多个标题
3. 子标题
4. 表格+格式
5. 表格+非公式化
6. 复选框+文字
7. 文本字段+格式
8. 编辑文本
9. 带文字的格式化视图
10. 单选按钮

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

我尝试过在angular 7中使用ngx-schema形式，但是它没有提供我需要的所有功能。因此，请给我任何建议以总结所有内容。谢谢

Answer 1

这是为您提供动态表格的示例，在此示例中使用了物料表格

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

动态表单概念可用于

之类的表单输入

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

输出似乎是

对于拖放操作，

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

您必须将这两个内容合并到您的项目中，然后才能实现。