问题标签 [ng2-dragula]

我正在使用 Dragula 和 Angular 进行拖放。到目前为止，它工作得非常好。

我有一个包含部分的数据结构，每个部分都有字段。

我有 2 个源包 - 一个用于拖放部分，我有一个带有可以放入部分的字段。所以它看起来像：

到目前为止没问题 - 但现在我想扩展模型并为每个部分添加一个标题，它也可以接收字段：

数据：{部分：[{字段：[]，标题字段：[]}]}

我的模板如下所示：

我现在添加了我的新包：

但这破坏了我的系统 - 我可以拖动字段并且目标容器也会做出反应，但是一旦我想删除字段，我就会收到错误消息：

“sourceModel 未定义”

任何想法？

谢谢，迈克尔

当我的数据通过 AJAX 获取时，我正在使用 ng2-dragula 和 mi 组件 var 在拖放后不会更新。

这是我的html代码：

这是我的component.ts：

在此示例中，DragulaModel 正在工作，因为数据是静态数组。但是当我用 ajax 填充这个数组时，dragulaModel 不起作用。例如，我正在使用一种执行 ajax 的方法，然后在我的 many 或 many2 var 中订阅数据。

非常感谢！

我一直在尝试ng2-dragula在 Plunker 工作，但它并不完全在那里。

这是我的config.js。请暂时忽略不整洁的代码。我已经明确设置了 Angular 和 RxJs 版本，因为最新版本不能很好地相互配合。

我还添加了一些更多的包，contra因为它在控制台中抛出错误，我认为dragula. 问题是在dragula.js中，它需要它自己的./classes。

在 Chrome 开发者工具中调试它显示该对象实际上是这个类包。我不完全确定这是从哪里来的，我认为它是某个地方需要的包。

有没有解决的办法？

普朗克

使用 ng2 Dragula 库后，我发现自己在其中做了一些有趣的事情。

就像在将元素从一个容器拖到另一个容器之后一样，元素应该扩展其数据功能以显示像 Droplist、HTML 输入表单等部分。

基本上是在放置后检查元素的特征。

我有一个数组中的项目列表说，

谁的索引，

在这里，我使用 angular dragula 用于拖放列表元素。使用dragula，我正在改变数组的位置说，

顺序正在改变，但索引位置仍然相同，

这里的索引位置不是按顺序排列的，尽管它看起来像旧的索引值，但它看起来像旧的索引值。而无论数组内部发生什么变化，我都需要具有相同的索引位置，这意味着0,1,2,... so on即使顺序发生变化，索引位置也应该从开始。

我用过的 Html 组件，

在 ts 文件中，

这里console.log(i)显示了索引位置，如果用户单击列表，如果我更改数组的位置，我需要在更改后获取有序索引，如0,1,2,3.....请帮助我实现结果。

我能够使用 ng2-dragula 实现拖放功能，但我面临的问题是它也拖动标题行并且也无法从拖行。

谁能帮我这个？

我也在github上发现了同样的问题

https://github.com/valor-software/ng2-dragula/issues/831

当我使用上述方法时，我无法获取拖动的行数据及其新位置

2.) 当我实现 ng2-dragula

然后拖放功能无法正常工作

请参考下图

图片来源：- https://user-images.githubusercontent.com/6483007/36256531-4a34b638-124b-11e8-9b13-cd15391886ae.gif

我有一个text元素列表，并且希望在拖动新元素时自动将列表滚动到底部。

一旦我拖放一次列表中的一个元素，下面的这个例子就可以正常工作。

observable我相信我需要在拖动之前打一次电话。

我正在使用dragula和dom-autoscrolling。

显然，this.downin callbackautoScroll一开始就设置为 false ......一旦拖放一次，它就可以正常工作。

有任何想法吗？

我想在具有 ng2-dragula 的组件上运行单元测试。

但是，当我在组件上运行一个简单的单元测试时，我得到了错误

TypeError：无法读取未定义的属性“setOptions”

组件.html

组件.ts

组件.spec.ts

我猜 Dragula 没有被正确导入，那么如何在测试中添加 Dragula 作为提供程序以在组件的构造函数中使用它？

我查看了Angular2 单元测试：测试组件的构造函数，这似乎是相关的，但我无法解决该错误。

注意：我对 Dragula 的单元测试并不那么大惊小怪；我想测试组件中的其他功能，但此错误不允许运行任何进一步的测试。

我有一个 6 个网格，它依赖于传单阵列。在那个网格内，我的每张传单都有卡片。我想将我的卡片的位置从一个瓷砖更改为另一个瓷砖。

我正在使用 ng2-dragula 并经历了所有的事情。

我的问题是，当我从一张牌中拖出一张牌时，它会转到另一张牌上，但该牌上的现有牌没有占据前一张牌的位置。

我已经通过添加我有导入传单组件的瓷砖组件来实现这一点。然后我使用图块中的文本字段来映射传单数组中的传单位置，如果传单中没有位置，我将用空白卡填充该图块。

请帮我完成这件事。我将非常感激。有没有其他方法可以做到这一点？我正在尝试使用https://valor-software.com/ng2-dragula/中提到的所有内容，但没有任何效果。

下面是我的代码。

光栅组件.ts

光栅组件.ts

我正在尝试使用ng2-dnd可排序容器。

以下是我的组件 html

当我在节点 6.9.1 上运行它时，它工作得非常好

但是当我在节点 10.10.0 上运行它时，它会在组件加载时出现以下错误。

我也尝试使用ng2-dragula代替 ng2-dnd。但同样的结果。它在节点 6.9.1 上运行良好，但在节点 10.10.0 上失败并出现同样的错误。

使用 ts 代码更新

以下是我的 app.module.ts

包含组件的 scheduleing.module.ts

和组件文件 team.component.ts