问题标签 [angular-dragdrop]

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 回答
1490 浏览

angularjs - ui-tree 中的连接树拖放预防

我正在使用我正在使用: http ://angular-ui-tree.github.io/angular-ui-tree/#/connected-trees 我希望能够在父级而不是子级拖动树。

我该怎么做。我现在正在使用他们的代码,我可以把它放在这里

html

控制器是

谢谢

**我尝试过的**

这是我尝试过的

接着

但是 console.log 没有给我任何 id 或任何东西。我正在考虑添加一个属性,然后检查它

**一个hacky修复**

所以我做了这个有点修复它,但它非常hacky......我仍然需要知道为什么我无法获得id以及为什么它有效......基本上如果我从node []开始放入节点,所以它的id未定义并且它给出未定义的,我检查一下..它完成了工作,但我讨厌它,因为它太老套了

0 投票
1 回答
2362 浏览

angularjs - 有角度的掉落物品保持在掉落的位置

我正在使用angular-dragdrop将图像从一个移动div到另一个div. 由于每个 div 都有自己的$scope列表,所以当我将一个元素从一个列表拖放到另一个列表时,接收该项目的列表会更新。

但是,当我将一个项目放入可放置区域时,它会转到左上角。它不会停留在我掉下的地方

在此处输入图像描述

这是我的html

可拖动

可丢弃

第二个列表( dropable )中的项目有一个指令( resizable )来为项目设置一些信息。

如何使掉落的物品保持在掉落的位置?

0 投票
1 回答
518 浏览

angularjs - How can I get a search box to search only one list when there are multiple lists?

I have two lists created from my controller, list A and list B to populate my angular-drag-and-drop lists. I have a search box that searches both lists when I type something. I want my search box to search only list A and not list B.

0 投票
1 回答
1164 浏览

javascript - 角度拖放:拼接不是三层的功能

我目前正在实现一个菜单编辑器。我有一个问题,第一级元素是完全可拖动的,第二级和第三级只返回关于 splice 或 eval 不是函数的错误。拖动有效,但插入失败。

http://codepen.io/merlin-schumacher/pen/VaZWEe

0 投票
1 回答
1603 浏览

drag-and-drop - Angular2:使用表行上的指令拖动事件非常慢

我在指令的帮助下实现拖放功能。

我在表格行上使用指令,

问题是,拖动事件触发非常缓慢,正如您所见,我已经添加和删除类以突出显示 dragEnter 和 DragLeave 上的行。

我得到的是缓慢来自 angular2 的 zone js,可能是我的代码中的问题或 angular 中的问题。

0 投票
1 回答
1267 浏览

css - 从可拖动的 angular-dnd-list div 复制文本

我在我的 div 上使用角度拖放指令。

我也在使用 Bootstrap CSS 面板。面板标题是我用作 dnd dragHandle 的。

我希望整个 div 可以根据标题拖动,但是一旦进入 div(显示文本的位置),我就使用指令 dnd-nodrag。这目前有效,因为当光标在内部而不是在面板标题上时,您无法拖动 div;但是,我希望能够复制 div 中的文本。

在我看来, nodrag 指令只允许选择/复制输入元素内的文本。我需要能够从 div 中复制纯文本。

上述两个代码片段都嵌套在具有“面板”类和 dnd-draggable 指令的 div 中。

有什么解决办法吗?我缺少任何指令吗?请帮忙。提前谢谢!

另外——我尝试在 CSS 中调整用户选择样式,但没有成功。我的尝试:

0 投票
0 回答
622 浏览

angularjs - 使用材料设计拖放和调整大小

我正在使用 Angular 和 Material 创建一个 Web 应用程序,我希望能够拖放和调整我的部分的大小。我见过很多插件,例如angular-gridstergridstack-angular但没有得到正确的解决方案。

0 投票
1 回答
55 浏览

jquery - 拖动的项目未返回正确位置

我正在使用角度拖放插件。当我将页面滚动到一定距离时会出现此问题。然后,拖动一个项目并释放。释放的项目返回到错误的位置(即)比其实际位置高一些像素。此问题仅发生在我的 Angular 应用程序中,无法在 jsfiddle 或 codepen 等任何其他地方重现。因此,屏幕记录了问题并上传到以下链接, https: //mega.nz/#!7s1FHTYL!VQf5OnU3iMOlZIQjn1oKiilVaRr6s2B_Py0l7mbl-Wo

有人请帮我解决这个问题..在此先感谢..

0 投票
0 回答
63 浏览

css - 拖拽元素出现在后面

我有一个md-tab- Drag-me保存在标签内的按钮。并且我有另一个需要按住拖动按钮的选项卡。场景:当我尝试拖动按钮时,它似乎在选项卡后面。我需要确保它在我开始拖放时一直显示..请在 codepen 上找到以下示例演示

我使用angular-dragdrop拖放按钮。

0 投票
0 回答
501 浏览

angularjs - Angular js 可排序拖放

遇到一个问题,我有列表列表,我想通过拖放重新排序列表列表我的模型是

现在我想重新排序这个模型,如果我将列表 C拖到列表 A它应该替换 div 新模型将是

应用程序.html

应用程序.js