问题标签 [ng2-dragula]

我有一个 Angular 2 应用程序，并且正在使用 ng2-dragula 库。一切都在开发（JIT 编译）模式下工作。当我使用 AOT 编译时，aot 构建和汇总成功，但随后在浏览器中出现此错误：

此错误来自 dragula.js 文件顶部的这些行。

我尝试将 requirejs 添加到我的项目中，然后出现此错误：

http://requirejs.org/docs/errors.html#notloaded

所以我去了要求页面“常见错误”并尝试遵循他们的一些建议，然后在两个非 dragula 相关脚本之间出现此错误

但是当 require.js 没有添加到项目中时，这些在 AOT 中可以正常工作。

有没有办法修改这些要求语句以使其在 AOT 中工作？为什么我在 JIT 编译中没有收到此错误？很卡在这里。

在尝试对一些拖放功能进行原型设计时，我遇到了 ng2-dragula 项目。我想知道如何将以下结构分组为一个“德雷克”实体？

当我在 div 中添加 [dragula] 时，div 中的每个项目都被认为是一个单独的可拖动项目。我想将它们组合为一个可拖动的项目。

谢谢！

Angular 2.4.8，dragula 3.10.6，似乎用于抓取的光标样式在 dnd 时不适用。有什么建议么？

css 在 index.html 中导入为

这是我的component.html

这是我的 component.ts 中的部分，如果它包含一个可排序的类，它将元素设置为可拖动

现在问题来了..是否有一个选项可以只切换具有sortable类的元素？..到目前为止，我认为接受/无效选项可以解决问题，但似乎没有。

我正在使用 Dragula 包在我的 Angular 2 项目中实现拖放。它工作正常。非常易于使用的功能捆绑。

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

但我想突出显示目标容器以强调即将下降的位置。有没有简单的方法可以做到这一点？我知道 JavaScript 对此有支持，所以我只是假设它也会在 Dragula 中公开，但到目前为止我还没有找到它。

我有一个看似非标准的用例：一个儿童游戏，我希望在将项目拖到容器上后立即将项目存放在容器中，而无需等待放置事件。

我正在考虑订阅 over 事件：

然后调用end api

但我在 dragulaService 对象上找不到它......有什么建议吗？谢谢你！

我正在尝试在我的应用程序中使用 ng2-dragula 来添加重新排序已添加到列表中的指令列表的选项。例如，将其想象为您正在制作食谱并输入指令，但随后又想将其移至列表中的其他位置而不删除其他指令，等等。我会做类似的事情。

这是HTML：

所以我在正确的位置找到了指令，我已经有了*ngFor工作并且能够编辑指令，等等。我想要发生的一切都在工作，除了拖动以重新排序这些项目时。我查看了文档，特别是页面底部的 Angular 特定示例，这就是我获得[dragulaModel]指令信息的地方。问题是当我尝试拖放元素时，它们无法正确重新排序。我将尝试解释：

对于列表中有两个项目，拖动以重新排序不会重新排序它们。我放下第二个项目，让它成为第一个，然后它被放回原来的位置。

现在观看这个包含 3 个项目的 GIF：

如您所见，我尝试将第 3 项移动到第二个位置。它不断下降到列表的底部。然后我把它放到首位，它将列表重新排序为 2、3、1。当列表中有 4 个或更多项目时，也会发生类似的事情。

此外，在尝试重新排序后添加新项目时，它会被放置在数组中的意外位置：

我不确定这笔交易是什么或如何解决。如果有人有这方面的经验并且可以提供帮助，我将不胜感激！

我安装 Dragula 并修复 system.config

从'ng2-dragula/ng2-dragula'导入{DragulaModule, DragulaService}；

但问题是当我启动 npm

我有这个错误

服务器响应状态为 404（未找到）http://localhost:3002/node_modules/ng2-dragula/index

为什么？

谢谢

我正在使用 ng2-dragula 并在 2 个表中进行数据绑定。当一个 td 被拖放到另一个表时，它会抛出 Uncaught TypeError: Cannot read property 'splice' of undefined。并且无法删除该元素。需要有关如何解决此问题的帮助。

下面是html部分

tasks 和 agentATasks 都在 component.ts 中定义和填充。

以下是 Chrome 控制台中的错误。Subscriber.ts:241 Uncaught TypeError: Cannot read property 'splice' of undefined at Object.eval ( http://localhost:3002/node_modules/ng2-dragula/components/dragula.provider.js:94:28 ) 在发射器 ( http://localhost:3002/node_modules/contra/emitter.js:47:72）在 Object.eval 的 Array.forEach （本机）（http://localhost:3002/node_modules/contra/emitter.js:46： 10 ) 在 Object.thing.emit ( http://localhost:3002/node_modules/contra/emitter.js:38:48 ) 在 drop ( http://localhost:3002/node_modules/dragula/dragula.js:261: 13 ) 在 HTMLHtmlElement.release ( http://localhost:3002/node_modules/dragula/dragula.js:245:7) 在 ZoneDelegate.invokeTask ( http://localhost:3002/node_modules/zone.js/dist/zone.js:265:35 ) 在 Object.onInvokeTask ( http://localhost:3002/node_modules/@angular/core/ bundles/core.umd.js:5967:41 ) 在 ZoneDelegate.invokeTask ( http://localhost:3002/node_modules/zone.js/dist/zone.js:264:40 )

我正在使用动态组件加载器来显示带有 *ngFor 的组件列表：

类型为数组：types = [ TestAComponent, TestBComponent, TestCComponent];

在 dcl-wrapper 组件中，我已经能够访问组件的索引，但我无法弄清楚如何输出组件的名称。如果您想要所有代码，我以this question中的这个plnkr为例，但是对于这部分的相关代码如下所示：

...

我得到：

谁能解释我哪里出错了？或者，如果您知道一种更好的方法来获取正在移动的组件的名称/ID/任何内容，我很想听听。