问题标签 [ng2-dragula]

我正在尝试在 mat-accordion 之间进行拖放。问题是只要手风琴关闭，我就无法将任何物品放到它上面。

这是我的代码

html

注意：如果我将项目拖放到同一个容器中，拖放工作正常，但我希望能够拖放到关闭的手风琴，当我开始拖动手风琴时，其他手风琴打开，我可以放在那里。

我有一个带有图书馆ng2-dragula的 angular 4 应用程序。我想拖放一些项目，但如果我们从一个特殊的地方（带有图标）而不是从项目的任何地方获取项目。

这是我的代码是我的 ts 文件：

还有我的 html 文件：

所以，我有类似这张照片的东西，但我想允许移动，只要我们从 2 个垂直条中取出项目。

你知道我该怎么做吗？

我有一个容器，我想用 Dragula 放置其他 div。如果可能，丢弃的 div 应具有相同的宽度（容器宽度 > div 的最小宽度之和）。

如果我使用 flexbox，这将不起作用（表格或列表等其他选项也不起作用）。第一次下降将使这个下降的 div 占据所需宽度的 100%。但是在删除下一个 div 后，第一个 div 不会调整大小，所有后续 div 将只有其最小大小。此外，容器随着每增加一滴而增长。

这是我的容器和孩子们的风格：

这是孩子将被放入的目标 HTML 代码（我使用 angular）：

我在 stackoverflow 上检查并测试了各种其他解决方案，但没有一个对我有用。

我有以下实现dragula的ul列表：

<ul [dragula]="parent + '-bag'" [dragulaOptions]="getDragOps(parent)" [dragulaModel]="_treeService.tree">

这运行良好，通过重新排序列表所做的更改会反映回_treeService.tree数组。但是，如果我从另一个组件向此数组添加一个元素，它不会出现在列表中（即使它确实已添加到数组中）。

我想我在这里遗漏了一些东西，但我认为[dragulaOptions]应该自动同步更改，包括新项目？我已经阅读了文档，包括ng2-dragula和原始文档，但我找不到相关的方法。我需要做什么才能让它在列表中反映更新的数组？

我正在做 angular 4 项目，我需要拖动项目，所以我使用 ng2-dragula 插件为我做这件事。现在我需要在下降到特定位置后从每一行中提取 data-id 属性。

在 $bagSource 变量中，我将以新的顺序获取每一行。说吧

我如何从每个 tr 字段中提取数据 ID 。我需要以数组中的新顺序获取每个 id。我要求的结果应该是 [23,2,32]；

jquery $(element).attr("data-id") 在角度 4 中等效。

嗨，我正在使用 ng2-dragula 进行拖放。它运行良好。但是当我单击注销链接时，它会重定向到注销组件。我在哪里清除本地存储。然后导航到登录页面。但是当我单击链接时它会给出错误错误错误：未捕获（承诺）：错误：名为“bag1”的袋子已经存在。这是我的注销组件代码，但我没有在注销组件上使用任何 bag1。我在不同的组件上使用那个 bag1。我不知道确切的问题是什么。请帮我。

我喜欢 Dragula 的工作原理，但我找不到解决方案的一件事是，我如何禁用拖放功能在元素当前所在的同一容器中。我只想将元素拖到其他容器中而不是对它们进行排序手动。

I'm developing an app using Ionic 3 and Angular 4 frameworks and Ng-Dragula library.

I need more detailed control over drag and drop of elements provided by Ng-Dragula.

For example, I have three columns.

I want the user can move itens:

• From first column to second column;
• From second column to third column;
• From third column to second column.

I don't want user can move itens:

• From first column to third column.
• From second column to first column.
• From third column to first column.

How can I set this detailed constraints?

问题：我需要一种使用ng2-dragula放置行为来实现以下操作的方法。

• 我正在尝试构建类似于 iOS 和 Android 设备上的应用程序启动器的东西。

• 我想将一个项目 A拖放到另一个现有项目 B的顶部。

• 当我将它放在另一个项目 B的顶部时，我想通过创建一个包含这两个项目的文件夹项目来对此做出反应（这将是我将在 angular/typescript 逻辑中实现的功能）。

在当前的 ng2-dragula 库中，当我将项目 A拖放到 项目 B上时，它会在 onDrop 事件中将项目 A的详细信息作为 el 提供给我，但是它不会告诉我如何找到项目 B。

我正在努力弄清楚如何找到项目 B。意思是，如何确定项目 A被丢弃在哪个元素上？

演示：我创建了一个演示 plunker 来展示 Dragula 设置和练习。

https://plnkr.co/edit/xXFWfS0Ae8fts2UL94mo

我尝试在元素上附加鼠标悬停事件，后来在 dragula onDrop 事件中找到它，但它没有捕获元素 B 的详细信息（或任何被拖放的项目 A）。

你能建议我如何解决这个问题吗？

非常感谢您的指导！

截屏

我正在使用 ng2 Dragula。它工作正常，但是当我将元素拖动到任何其他位置时，它会拖动元素。从技术上讲，它不应该。如何停止将元素拖动到任何其他面板/位置，请提供解决方案提前致谢。这是我的代码 .html