Angular 拖放表单生成器

Angular drag and drop form builder

我正在尝试使用 Angular

创建证书生成应用程序

为此，我需要在证书上放置输入字段。 （类似于拖放）。

我打算使用 div 并在类型脚本中使用动态表单从头开始构建，是否有任何插件可用于创建带有拖动和表单内 drop/add 字段元素的表单。

谁能提供有用的链接，

谢谢。

您可以尝试使用

  1. https://github.com/shakalya195/angular-5-formbuilder 这个有一个内置的自定义验证器 (http://formbuilder.shakalya.com),

  2. https://stackblitz.com/edit/angular-drag-drop-form 具有功能下降范围、自定义样式、禁用 drag/drop 和拖动手柄

  3. 您也可以尝试使用 formbuilder npm 包（一个 jQuery 插件）https://www.npmjs.com/package/formBuilder

  4. Angular Drag-Drop FormBuilder Lam Phuoc Thinh 的笔 - 您可以找到使用 jquery

    5. 制作的表单生成器

很好，经过一番研究我发现了一个更好的插件"formio" 这个有用的插件有很多选项并且易于集成希望这对您也有帮助。

参考：https://formio.github.io/ngFormBuilder

你应该给https://github.com/formio/angular-formio a try. You can see a demo at https://formio.github.io/angular-demo/#/forms/builder

免责声明：我创建了这个库。