问题标签 [dragula]

我有一个包含多个 Dragula 容器的页面。容器里有ul一堆li。我希望用户能够li在他们的容器中重新排序 's，但我不希望li从一个容器可以拖动到另一个容器。现在我可以将每个拖动li到任何ul。如何将li's 限制在其原始容器中？

html:

js：

谢谢

我正在使用 angular-dragula 库。

我已经创建了一个 Dragula 容器，并且我将数组用作 Dragula 容器的两列/袋。

我面临的问题是，当我从第 1 行拖动一个元素并放入第 2 行时，下一个元素将被删除，而不是当前元素。

我创建了一个 plunkr 来显示问题，链接：

http://jsfiddle.net/36meLf7r/14/

HTML

控制器

我一直在尝试使用Dragula库将拖放功能添加到我的 Meteor 应用程序中。它看起来非常简单易用。但是，即使我已按照说明操作并查看了网络上的其他示例，我仍然无法使其正常工作。它不会产生任何实际错误，但<div>我想移动的元素无法移动。

JS：

HTML：

这是我的第一个 Meteor 应用程序，所以我决定使用与 Meteor 教程相同的结构，即上面引用的 JS 和 HTML 文件放在 ../imports/ui/ 中并从那里导入。我用 npm 安装了 Dragula，dragula.js 文件位于 \node_modules\dragula。

编辑：我能够通过将代码移动到 HTML 文件的末尾来使其工作，所以主要原因一定是代码的执行顺序。似乎在页面初始加载后触发onRendered()并且不考虑由 JavaScript 更改的模板。

我有一个列表网格，并试图使用 ng2-dragula 相互拖动和交换网格的图块

some.component.html

一些.component.ts

我的想法是交换 Drop 事件的数据。是否有可以像这样添加到 HTML 中的 onDrop 事件？

(onDrop) = "swap(data)"然后swap(data:any)在组件类中做？

还是我必须初始化dragulaservice？有没有更好的方法来代替？

我对 Angular 完全陌生，我发现这非常难以理解。任何提示将不胜感激？

我有一个 Angular 2 应用程序，并且正在使用 ng2-dragula 库。一切都在开发（JIT 编译）模式下工作。当我使用 AOT 编译时，aot 构建和汇总成功，但随后在浏览器中出现此错误：

此错误来自 dragula.js 文件顶部的这些行。

我尝试将 requirejs 添加到我的项目中，然后出现此错误：

http://requirejs.org/docs/errors.html#notloaded

所以我去了要求页面“常见错误”并尝试遵循他们的一些建议，然后在两个非 dragula 相关脚本之间出现此错误

但是当 require.js 没有添加到项目中时，这些在 AOT 中可以正常工作。

有没有办法修改这些要求语句以使其在 AOT 中工作？为什么我在 JIT 编译中没有收到此错误？很卡在这里。

我对 Angular2 还很陌生，我在将 Dragula 添加到我的应用程序时遇到了问题。当我运行应用程序时，在加载主页之前会引发错误：

错误消息提到 Prerending，我怀疑这与使用asp-prerender-module.

我尝试遵循 Dragula 和论坛帖子的官方教程。下面是我的 app.module 和组件文件片段（... 表示汇总代码）：

app.module.ts

search.component.ts

我怀疑在包含 Dragula 时我错过了一步，但我不知道在哪里。我在 package.json 文件中包含了dragula (^3.7.2)和ng2-dragula (^1.3.0)。

在尝试对一些拖放功能进行原型设计时，我遇到了 ng2-dragula 项目。我想知道如何将以下结构分组为一个“德雷克”实体？

当我在 div 中添加 [dragula] 时，div 中的每个项目都被认为是一个单独的可拖动项目。我想将它们组合为一个可拖动的项目。

谢谢！

Angular 2.4.8，dragula 3.10.6，似乎用于抓取的光标样式在 dnd 时不适用。有什么建议么？

css 在 index.html 中导入为

这是我的component.html

这是我的 component.ts 中的部分，如果它包含一个可排序的类，它将元素设置为可拖动

现在问题来了..是否有一个选项可以只切换具有sortable类的元素？..到目前为止，我认为接受/无效选项可以解决问题，但似乎没有。

我有一个 ng-repeat 行。我对它们进行了设置，因此您可以使用 Angular Dragula 拖放来重新排序它们。这工作正常，但 ng-repeat$index在拖动后仍然是每个项目的初始值。在拖动“收件人”行之前和之后，请参阅下面的屏幕截图。

有没有办法更新索引？我还想用javascript重新排序菜单，在每一行都有那个按钮，但为了让它工作，我需要获取当前的$index（并减少/增加它），如果索引不正确，这将不起作用像这样。

拖动前

拖动后