javascript - 使用 Angular 6 中的拖放创建动态 UI？

Question

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

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

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

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

标签： javascriptangulartypescript2.0formio

Answer 1

这是一个动态表格的例子，在这个例子中使用了材料形式

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

动态表单概念可用于表单输入，例如

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

输出似乎，

对于拖放，

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

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