问题标签 [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 回答
1906 浏览

angular - 使用 ng2-dragula 拖动和交换网格列表

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

some.component.html

一些.component.ts

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

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

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

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

0 投票
1 回答
1090 浏览

angular-dragula - 使用 angularjs-dragula 的水平滚动问题

我正在使用 angularjs-dragula,但无法自动滚动到屏幕上隐藏的溢出容器。

这是我的问题:
我的 Dragula 中有五个容器,而第 5 个容器隐藏在屏幕上。现在我想从第一个容器中拖动一个元素并将其放入第 5 个容器中。但我不能这样做,因为屏幕不会自动滚动到第 5 个容器。

angularjs-dragula 是否支持垂直滚动?还是有我失踪的财产?

示例 Plunkr:https ://plnkr.co/edit/iD38MugmHIx298p7OlrI?p=preview

0 投票
2 回答
821 浏览

dragula - angular2 Dragula css光标抓取/抓取不起作用

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

css 在 index.html 中导入为

0 投票
2 回答
843 浏览

javascript - Angular Dragula 和 ng-repeat $index

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

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

拖动前

在此处输入图像描述

拖动后

在此处输入图像描述

0 投票
1 回答
195 浏览

angular - 找不到Angular2 Dragula索引文件

我安装 Dragula 并修复 system.config

从'ng2-dragula/ng2-dragula'导入{DragulaModule, DragulaService};

但问题是当我启动 npm

我有这个错误

服务器响应状态为 404(未找到)http://localhost:3002/node_modules/ng2-dragula/index

为什么?

谢谢

0 投票
1 回答
2709 浏览

javascript - Dragula 计算出排序顺序 - 如何禁用

我正在使用 Dragula 进行拖放功能。它一直有效,直到我从服务器端刷新我的列表:

看起来 Dragula 想要像以前一样保留列表中的顺序,所以它弄乱了服务器端的排序顺序。我不需要这个功能。我已阅读文档、教程、示例,但找不到如何在 Dragula 中禁用自动排序。

0 投票
0 回答
95 浏览

javascript - 在 Angular 组件之间拖放对象

我正在使用带有 Angular 4 的 Dragula 模块,我想将一个 div 从侧面板拖到主视图中。但是,屏幕的这两个区域位于单独的模块和单独的组件中。

我假设这两个区域由于虚拟/阴影域而彼此不了解,那么我有什么方法可以在不同的组件中实现 Dragula,还是我只需要重构整个应用程序?

0 投票
0 回答
98 浏览

javascript - 获取拖放位置

我使用 angular-js dragula 进行拖放

我需要保存位置,因为用户选择自定义 div 位置。这就是我的 html 的样子

随着$scope.$on我得到overout事件,但我无法得到id或类似的获取位置,存储在cookie中。

这是 plunker,打开控制台看看会发生什么。请,如果有人知道如何在每个拖放保存 div 订单上,那么下次当用户回来获得保存位置时。谢谢

https://plnkr.co/edit/AeGw9A3196DsYBHFv98b?p=preview

0 投票
1 回答
98 浏览

angularjs - 使用没有 requirejs 的 angular dragula 会导致 js 测试失败

我有与这里描述的相同的问题:Using Angular Dragula without RequireJS

如果这样做,它会起作用:

但是所有茉莉花测试都失败了:Error: ReferenceError: Can't find variable: angularDragula

0 投票
0 回答
902 浏览

angular - Angular Dragula - 分别造型过境和镜子?

我正在使用 nagular/dragula 并试图实现一种效果,即预期的放置位置由插入线而不是空框发出信号。但不知何故,当我.gu-transit像这样设计该元素时:

它也会影响.gu-mirror元素(拖动助手) - 它获得相同的高度。是否可以将这两者分开,还是模块的当前限制?