Angular 拖放表单构建器

Dev*_*per 2 javascript editor typescript angular

我正在尝试使用 Angular 创建证书生成应用程序

为此,我需要在证书上放置输入字段。(类似于拖放)。

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

谁能提供有用的链接,

谢谢你。

Dev*_*per 7

很好,经过一些研究,我发现了一个更好的插件“formio”,这个有用的插件有很多选项并且易于集成,希望这也能对你有所帮助。

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

  • 您应该在 https://github.com/formio/angular-formio 使用 Angular 8 的更新版本。演示位于 https://formio.github.io/angular-demo/#/forms/builder。免责声明:我创建了这个库。 (3认同)

Tra*_*ell 7

您应该尝试一下https://github.com/formio/angular-formio。你可以在https://formio.github.io/angular-demo/#/forms/builder看到一个演示

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


小智 5

您可以尝试使用

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

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

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

  4. Angular Drag-Drop FormBuilder A PEN 作者:Lam Phuoc Thinh - 您可以找到使用 jquery 制作的表单构建器