问题标签 [angular-dragula]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2246 浏览

angularjs - Dragula angular如何访问模型项

如何访问使用 drop-model 事件拖放的确切模型项?

文档中对 drop 事件的描述:

el在兄弟元素之前被放入目标中,最初来自

el似乎返回了被拖动的 HTML 元素,但我需要对其后面的实际数据项执行操作。有什么提示吗?

0 投票
0 回答
478 浏览

drag-and-drop - angular-dragula - 总是拖到列表末尾

我需要一些帮助。

我正在使用 angular-dragula.js 并且需要设置它,当您将任何对象拖到另一个列表时,它会走到最后。即使我掉到任何地方,他都会走到列表的末尾。

有谁知道我该怎么做?已经在各个地方进行了研究,但没有任何成功。

这是一个示例,但这仅适用于单击拖动时需要执行工作的项目。

jsFiddle 演示 在这里

0 投票
2 回答
3000 浏览

angular - 如何使用 ng2-dragula 设置 angular-quickstart

我已按照此处的说明进行操作:https ://github.com/valor-software/ng2-dragula/wiki#5-min-quickstart以及此处:https ://www.npmjs.com/package/ng2-德拉古拉

Angular-quickstart 正在工作,根据:

“我的第一个 Angular 应用程序”(在浏览器中弹出 - 所以一切正常)

我通过以下方式安装dragula:

我用 valor-software ng2-dragula wiki(第一个链接)的确切内容替换了快速入门文件。

如果有人可以提供任何建议(关于未列出的关键步骤)或简单的完整性检查,将不胜感激。

0 投票
0 回答
532 浏览

drag-and-drop - 多个选项或在dragula上的袋子之间拖动拖放角度1.*

我需要两个不同的袋子或容器放在同一个袋子里。左侧容器需要是可嵌套列表,右侧容器需要是可排序列表,可以将对象克隆到左侧容器中。

所以我需要能够在袋子之间拖动,或者在同一个袋子的容器中设置不同的选项集。这在德拉古拉可能吗?

0 投票
1 回答
1167 浏览

javascript - 如何将项目从一个存储桶移动到另一个存储桶- DragulaJS-Angular

嘿,我正在使用DragulaJS-Angular版本来获得两个桶之间拖放的效果。我对这个库有几个问题。第一个,我可以移动只属于同一个桶的项目,如果我定义了不同的桶,那么我不能在它们之间移动项目。

解释我的代码和我的目标:

我有 3 个 div,容器一、容器二和容器三。

我的主要目标是:

1.仅将物品从容器一和容器二传递到容器三。

2.一号货柜和二号货柜之间不得转运物品。

3.另外我想为从容器一转移的每个项目添加类|| 容器二到容器三。

  1. 此外,我希望能够清洁袋子并重置系统。

5.我想​​制作一个将元素从一个包传递到另一个包的动画,当前的动画是不够的。我还需要查看两个容器之间的拖动元素,而不仅仅是其中一个容器。我的代码:

0 投票
0 回答
717 浏览

angularjs - 使用dragula在容器中拖放后获取div的位置

我是 angularJS 的初学者。在容器中各个 div 的拖放完成后,我试图获取位置的变化。我尝试了他们网站上给出的一些代码片段,但找不到解决方案。

以下是我使用的代码片段:

使用的模板:

在我的控制器中:

如果我在正确的道路上或者我在任何地方出错,有人可以指导我。

0 投票
2 回答
1420 浏览

angularjs - 多元素拖放

我正在为我的客户开发拖放功能。我已经为拖放实现了 Dragular,但是在 Dragular 或任何其他为拖放提供的库中没有提供多元素拖放。

请建议我如何在角度或任何其他也应该与触摸设备兼容的 JavaScript 库中选择和拖放多元素。

提前致谢。

注意:我们可以在dragular中使用多次拖放吗?

更新(2016 年 11 月 30 日) :加一点我的要求。我们如何限制放置区中元素的冗余。

解释 :

  • 当我们从源复制任何项目时,如果它已经被拖放/在目标容器中,我们将无法拖动它。

  • 准确地说,如果项目已经在目标容器中,我们可以使项目不可拖动。

0 投票
4 回答
15936 浏览

angular - Angular 2 Dragula 模型更新不正确

使用 ng2-dragula。我正在寻找使用新删除的订单更新数据库中每个项目的 orderNumber。

它返回的新模型订单不反映包内的订单。

TL;DR:有没有人使用 ng2-dragula 在数据库 onDrop 中实现重新排序?

0 投票
1 回答
586 浏览

dragula - 拖动元素时画线?

是否可以在使用“dragula”库拖动期间在容器和可拖动元素之间画线?当元素被删除时,该行应该消失。

0 投票
1 回答
631 浏览

html - Ng-click 不起作用 Dragula 拖放元素

使用 Dragula 插件 (Angular 1)链接

ng-click 不工作在 li 元素上移动(拖放到另一个 ul)