【问题标题】:Angular drag and drop form builder [closed]角度拖放表单构建器[关闭]
【发布时间】:2019-06-12 12:20:56
【问题描述】:

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

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

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

谁能提供有用的链接,

谢谢。

【问题讨论】:

标签: javascript angular typescript editor


【解决方案1】:

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

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

【讨论】:

【解决方案2】:

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

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

【讨论】:

  • 嗨 Travis,感谢您开发库。我有一个问题,我们可以添加自定义 HTML 以在 formio 中进行拖放。例如..我想要一个拖放星级评分系统。任何回应都会有帮助
  • @Travis Tidwell,感谢您提供的精彩图书馆。我想知道在设置表单字段时是否有配置选项卡选项的选项。示例:我想隐藏所有标签,如Validation|API|Conditional|Logic and Layout。目的是仅向用户提供显示和数据选项卡。再次感谢您提供图书馆并感谢您对此提供的帮助。
【解决方案3】:

你可以试试

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-26
    • 1970-01-01
    • 2013-09-23
    相关资源
    最近更新 更多