问题标签 [ng2-dragula]

我使用 ng2-dragula 开发了一个 angular5 应用程序。用户可以在其中将问题从问题容器拖放到 myfavourite-container。他可以拖动和更改 myfavourite-container 的排序顺序。它在我的应用程序中正常工作。我的用例是对使用 cntrl 键选择的多个项目进行排序。例如，如果我有一个 1,2,3,4,5 的列表，当我使用 ctrl 键选择 2,4 时，就像我们在 Windows 系统中选择文件并放到 1 的位置一样，那么结果列表就像2,4,1,3,5。我已经编写了代码来选择数组中的多个项目。所以我需要拖放多个项目并更改排序顺序。我的代码看起来像

app.component.html

app.component.ts

我看过的资源：

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

描述类似问题的问题：

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

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

我正在使用ng2-dragula并且我正在尝试嵌套可拖动的项目，但是尽管查看了示例，但我终生无法弄清楚如何做到这一点。

这允许将列从一行拖到另一行就好了：

但是我也需要行本身是可拖动的，所以我这样做了：

这允许行可以拖动，但现在列不起作用，如果我尝试将 acolumn拖到另一个row中，我会收到错误：

列也不能在同一行内重新排序。

似乎拖动 acolumn会导致row拖动而不是拖动column。

我在这里做错了什么？

我在我的 Angular5 应用程序中使用 ng2-dragula。在删除项目之前，我需要得到用户的确认。

目前我已经启用 removeOnSpill: true，所以当用户将项目拖出容器时，项目将被删除而无需确认。

如何实现要求确认删除的情况下removeOnSpill: true。

我正在开发一个 angular5 应用程序。我有一个包含问题列表的数组，我通过使用 ngFor 进行迭代来显示它。用户可以通过按 ctrl 键选择他选择的问题。通过按 ctrl 键选择一个问题后，该键将显示为已选中（我通过将该问题添加到数组中来实现这一点，并在迭代时检查特定问题是否在 selectedQuestions 数组中。如果该数组中存在该问题，我添加了一个“活动' 类以将其显示为选中状态）。现在我想在用户拖动鼠标拖放问题以重新排序时删除此类（我正在使用 ng2-dragula 进行拖放）。我已经尝试过以下代码

HTML 代码 summarycomponent.html 是

我已经使用 dragula [ng2-dragula] 实现了拖放。它在浏览器中完美运行，但是当我在 iphone 上运行此应用程序时它不起作用。

我似乎在 ng2-dragula for ios 上找不到任何未解决的问题，但不确定为什么它不能在 iphone [iphone 6、ios 11.1] 上运行。

让dragula drop事件更新firestore中的索引似乎是不可能的，因此可以保存用户选择的位置。即使项目改变了数组中的位置

我正在尝试使用 ng2-dragula 的拖放，我得到了拖放，但基于项目它有点复杂。

我需要在动态安装的 TD 中添加学科

例子：

上课时间的json

[ {“cd_horario_das_aulas”：“1”，“hr_initial”：“08:00:00”，“hr_final”：“09:00:00”}，{“cd_horario_das_aulas”：“2”，“hr_inicial”：“10 :00:00", "hr_final": "11:00:00" }, { "cd_horario_das_aulas": "3", "hr_inicial": "13:00:00", "hr_final": "14:00:00 “}，{“cd_horario_das_aulas”：“4”，“hr_initial”：“15:00:00”，“hr_final”：“16:00:00”}，{“cd_horario_das_aulas”：“5”，“hr_inicial”： “17:00:00”，“hr_final”：“18:00:00”}]

组件.ts

有没有人有任何提示？

工作示例

我需要在它被移动后找出一个新的项目位置。

返回具有旧位置的项目

拖动后如何获取项目及其新位置？

几天以来我一直在尝试，但无法使其正常工作...

小解释：

在这个例子中，我有一个这样的对象数组：

每个对象都有一个字符串数组。

我正在生成 div 以使这些对象移动（容器和项目）。

现在，我得到这样的东西：

其中红色框是主 div，黑色框是容器，蓝色框是项目。

用这个 html ：

还有这个打字稿，我只设置了几个选项：

如果您看起来不错，您可以在屏幕截图中看到，有一个空的蓝色框。一开始它不在这里，我只是把一个蓝色盒子放到另一个盒子里，它在undefined我的对象容器中创建了一个元素。

另一个问题：如果我将一个蓝色盒子移动到另一个黑色盒子（容器）中，蓝色盒子会消失，另一个蓝色盒子会移动。

示例：如果我将蓝色盒子 1 移动到容器 2 中，盒子 1 将消失，而盒子 2 将进入容器 2。

但是它不会被删除到对象 Containers 中：

最后，从容器 (O) 中的句柄元素被读取，就像从 Dragula 中的可拖动对象一样。它可能只是一个CSS问题，但我不确定......

我正在使用 Angular CLI、Angular 5、Dragula，而且我对 Angular 还是很陌生（有时我还在使用 AngularJS）。

我希望它得到很好的解释，希望有人可以帮助我，如果已经有答案，我很抱歉，我没有找到它！

祝你今天过得愉快 ！

更新

看到这个stackbliz

我正在尝试使用ng2-dragula来完成这样的事情（请忽略设计，我只是想为该功能找到解决方案）：

我需要对父类别和子类别进行排序。但是我在尝试使它同时工作时遇到了一些问题，因为我需要在父类别中有子类别，否则我会得到一个不受欢迎的 Dragula 行为：

这是我现在的演示： https ://stackblitz.com/edit/angular4-dragula

任何人都可以提供帮助吗？

先感谢您！