角度拖放表单生成器

时间:2019-06-12 12:20:56

标签: javascript angular typescript editor

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

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

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

任何人都可以提供有用的链接

谢谢。

3 个答案:

答案 0 :(得分:1)

您可以尝试使用

  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拖放FormBuilder Lam Phuoc Thinh撰写的PEN-您可以找到使用jquery制作的表单构建器

答案 1 :(得分:1)

您应该尝试https://github.com/formio/angular-formio。您可以在https://formio.github.io/angular-demo/#/forms/builder

上查看演示

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

答案 2 :(得分:0)

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

引用:https://formio.github.io/ngFormBuilder