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

html - 如何使用 Dragula for Angular 2 使某些 div 元素不可拖动

我已经能够成功地ng2-dragula与我的项目集成,但我仍然无法弄清楚如何制作一些 div non draggable

我曾尝试为 div使用一些css以及 html ,但没有成功。draggable="false"似乎无论我放什么,dragula 都会在之后插入它的指令并覆盖所有内容。也许我错了……

有谁知道如何实现这一目标?

例如:

我怎样才能使divwith class donotdrag不可拖动?

0 投票
3 回答
813 浏览

angular - Angular2/Ionic2 + ng2-dragula 有人让它工作吗?

我试图将拖放添加到我的 ionic 2 应用程序中。但不能让它工作。

这是我到目前为止所做的:

然后在我的页面中:

但是当我添加 [dragula] 标签时,出现错误:无法绑定“dragula”,因为它不是已知的原生属性。

有没有人让它与 ionic 2 一起使用,有没有例子?

0 投票
2 回答
4235 浏览

angular - ng2-dnd在为angular2拖动dragOver dropOver时如何使用类css

http://akserg.github.io/ng2-webpack-demo/#/dnd 这是一个使用 angular2 进行拖放的演示,所以我如何影响我的类 css 以指示该区域是可放置区域

在此处输入图像描述

这是来自 github 源项目的代码的一部分

我怎样才能影响我的课到这条线 this._elem.classList.add(this._config.onDragEnterClass);

0 投票
1 回答
1163 浏览

angular - angular 2 & ng2-dragula - 将指令添加到组件中

我正在使用 Angular 2.0.0-rc6 和 ng2-dragula。我想创建一个简单的单词列表,并能够在其中拖放。

当我尝试将属性“指令”添加到我的组件时,它说“指令”不能成为组件元数据类型的一部分,并且我不允许将指令绑定到我的组件。我发现了几个在组件声明中实现属性“指令”的教程。

如何将 Dragula 指令绑定到我的组件?

0 投票
0 回答
175 浏览

angular - 在 ng2dragula 中为拖动应用时间延迟

如何在 ng2dragula 中拖动具有时间延迟的元素。没有提到在文档中指定延迟。

0 投票
1 回答
2217 浏览

angular - Angular/2 : ng2-dragula - 创建动态嵌套元素

我正在尝试使用 ng2-dragula 实现动态树。我正在使用有序列表进行显示,例如

向上/向下和向左拖动时解决方案工作正常,但例如我不能向右拖动;我无法拖动“Category 1.2”来创建“Category 1.1.1”。

希望我说得通吗?创建嵌套“ol”元素的最佳方法是什么?

非常感谢

0 投票
1 回答
1668 浏览

angular - ng2-dragula 包中的单击事件不起作用

我正在使用 Angular 2 和ng2-dragula.

我想让拖拉袋中的拖放项目可点击。

这是我的app.component.html

onClick()函数永远不会被调用。

我的组件app.component.ts如下所示:

我认为这是因为 div 在 Dragula 容器中。但是我怎样才能让 Dragula 容器中的 div 可以点击呢?

0 投票
2 回答
560 浏览

angular - @Component 元数据指令数组的正确替换是什么?

在网络上的许多示例中,我在 @Component 元数据中看到带有指令数组的代码,即:

来自:如何为 Angular2 安装组件包装器(尤其是 Dragula)

在 Angular2 的 1.0 版本中,该数组已从元数据中删除:( https://angular.io/docs/ts/latest/api/core/index/Component-decorator.html )

当尝试使用第 3 方指令时(dragula在这种情况下),我收​​到以下错误,我认为该错误以前由directives数组处理:

无法绑定到“dragula”,因为它不是“div”的已知属性

那么,我应该在哪里注入Dragula/ DragulaDirective(当前版本实际上似乎没有 export Dragula)以便解析器可以找到这个自定义指令?我已按照 Github 自述文件( https://github.com/valor-software/ng2-dragula#setupDragulaModule的指示导入应用程序模块,并且是应用程序组件的视图提供者。DragulaService

0 投票
0 回答
270 浏览

angular - 如何使用 sort 实现 ng2-dragula 和 firebase

我正在尝试显示具有表格编号的名称,并且它们按表格编号排序。

我的数据看起来像:

在此处输入图像描述

我的代码是:

问题是如何按表号对其进行分组并显示,this.items 是对象数组,因此模板 ng for 也应该更改为获取 name 属性,如 item.name 。

0 投票
4 回答
15936 浏览

angular - Angular 2 Dragula 模型更新不正确

使用 ng2-dragula。我正在寻找使用新删除的订单更新数据库中每个项目的 orderNumber。

它返回的新模型订单不反映包内的订单。

TL;DR:有没有人使用 ng2-dragula 在数据库 onDrop 中实现重新排序?