【问题标题】:What is the best way to use drag and drop in Angular 4 that will work on tablets在平板电脑上使用 Angular 4 拖放的最佳方式是什么
【发布时间】:2017-11-07 13:33:00
【问题描述】:

我正在开发一个 Angular 4 应用程序,我在其中使用 ngx-chips 输入标签。然后我有一个按钮,用户可以在其中创建一个类别。可以将标签添加到类别中。我希望将标签添加到类别中的方式是通过拖放。另外我希望可以将类别内的标签拖放到另一个类别中,或者可以将类别内的标签放回输入标签中。

我找不到任何允许我在任何浏览器上将标签拖放到适用于表格的类别中的库。 ngx_chips 具有拖放功能,但不适用于表格。

我也在其他库中查看,例如 ng2-dndng-drag-dropng2-dragula,但我也有类似的问题。它适用于 PC 上的任何浏览器,也适用于平板电脑上的 chrome 浏览器,但不适用于平板电脑上的其他浏览器,例如 firefox safari。

我还查看了hammerJS,并在swiping 上找到了不错的演示文稿,但在拖放方面没有任何内容。我在hammerJS here 上找到的一个使用Jquery 的来源,我希望避免这种情况,因为我不想将Angular 与Jquery 混合使用。

所以问题是:在任何平板电脑、手机和任何浏览器上使用 Angular 拖放的最佳方式是什么?或者如果有人有任何其他建议,请告诉我。谢谢

【问题讨论】:

    标签: javascript html angular drag-and-drop


    【解决方案1】:

    您是否尝试过使用 GreenSock 的 Draggable?它对 AngularJs 非常友好。我没有在 Angular2(或更高版本)中使用过,但我认为这仍然有效。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-12-04
      • 1970-01-01
      • 2011-11-02
      • 2011-11-30
      • 2015-04-11
      • 2015-07-17
      • 2011-09-16
      相关资源
      最近更新 更多