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

angular - 是否可以使用 ng2-dragula 拖放整个 Angular2 组件?

我有一个由 *ngFor 在父 comp.[cardlist] 中生成的子组件 [cards] 的列表,现在我想拖动(复制)其中一个子组件并将其放到父兄弟 [custom] 组件中。

此外,childs[cards] 从多个服务和@inputs 接收数据,我应该在删除 [cards] 之后将其显示在 [custom] 组件中。我已经设法使用带有 [(dragulaModule)] 的简单数组来做到这一点,但我不知道如何使用组件来管理它。

是否可以在数组中收集 [card]components 类,如果可以,我如何引用 d'n'd-ed 类的变量?

0 投票
0 回答
66 浏览

css - 使用 ng2Dragula 拖动多个项目

我正在使用库 ng2-Dragula 并且我试图在拖动时移动多个项目。我有一个项目数组,使用 ShiftKey 和 CtrlKey 将属性marked设置为true/false. 在拖动我做的代码的那一刻是:

使用循环,我可以为项目设置样式,但不能将它们添加到移动,并且它只移动成员el。有没有办法解决这个问题?

0 投票
2 回答
2319 浏览

angular - angular7 中的 ng2-dragula 编译失败

使用默认启动 Angular-Cli 7 项目并按照此处描述的步骤操作:https ://github.com/valor-software/ng2-dragula设置 ng2-dragula,编译失败。

ng2-dragula 2.1.0(最新)。

详情留言:

开发。系统信息:

0 投票
0 回答
117 浏览

angular - 在 Angular2+ 中的两个元素之间创建视觉映射

我正在尝试在 Angular 2+ 中实现“视觉映射”。到目前为止,我已经尝试了两个流行的库:dragula和 material's drag-and-drop,但它们都不支持我想要的功能。我想创建并显示源树中的节点和目标树中的节点之间的映射。我的目标是创建类似于此映射的内容:

这个映射.

由一条线表示的映射是通过从左侧树中拖动一个节点并将其放到右侧树中来创建的,或者在现有节点的顶部(链接两者)或在两个现有节点之间进入“空”空间(创建一个该位置右侧树中的新链接节点)。

我觉得这种视觉映射超出了这两个库的支持范围。在 Angular 2+ 中实现此功能的最佳方式是什么?有没有我可以使用的库,或者我需要自己用 svg 实现它?

0 投票
1 回答
925 浏览

angular - 如何进行水平拖动和替换

用例描述: 我正在尝试对三列使用拖放来更改它们的顺序(水平切换它们的位置)。我尝试了演示页面中的第一个示例,但就我而言,我只想水平拖动,我的标记如下所示:

它确实相对有效,但仅适用于从右到左拖动,而不是相反的方式(从左到右)。有什么办法可以实现吗?

0 投票
1 回答
724 浏览

angular5 - 我需要从列表中拖动一个元素并将其放到角度 6 的另一个块中

我正在研究拖放功能(使用ng2-dragula)。

我需要从列表中拖动一个元素并将其放到另一个块中。但是我卡住的地方是我一次只需要在放置块中放置一个元素,如果我从放置块中删除第一个添加的元素,那么我可以添加另一个元素。有多个放置块。但列表块只是一个。

0 投票
1 回答
281 浏览

angular - Ng2-Dragula: Enable drag at run time

So, I have this following template.

The function cssClass sets the class based on the type of imageCard. So it is set to draggable and non draggable based on the type of image Card. Now, I want the child component to be draggable only if its property isSelected is true only after long press and this is done dynamically. How can I achieve this ? How to make child component draggable at run time ?

Thank you.

0 投票
1 回答
844 浏览

angular - Ng2-Dragula - 防止在拖动后从列表中删除元素

我有一个列表,用于将元素从其中拖放到另一个列表中。

有没有办法在源列表中保留拖动的元素后将其拖动到另一个列表?

准确地说,我希望元素在从一个列表拖放到另一个列表后出现在两个列表中。

我怎样才能做到这一点?

0 投票
1 回答
138 浏览

angular - ng2-dragula - 仅对特定目标使用复制功能?

如何复制某些东西而不是仅在将其拖动到特定目标时才移动它。

我有 4 个容器,我想在将某些东西拖到容器时将值复制到容器中。对于所有其他容器,我只想将值从源移动到目标(这是默认行为)。

ng2-dragula 文档中的copy函数只有elementandsource作为参数,但没有目标。

我如何实现这一目标?

0 投票
1 回答
3781 浏览

angular - 在同一文件中的另一个组件中使用一个组件的变量

我在同一个文件中定义了两个组件,并试图将一个组件的一个变量访问到另一个变量中,并得到了这个 答案,但是get SomeValue()当我尝试引用它时,该函数没有出现在另一个类中。

在提供的链接上给出答案:

导入-->演示

我可以使用共享服务,但不想仅将它用于一个变量。

我从那个答案中遗漏了什么?