问题标签 [ng2-dragula]

Using ng2-dragula drag and drop wrapper library for angular 2 dragula.

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

Seeing issues with the [dragulaModel]='myList' ... when the item gets dropped ... poof ... it disappears.

Inspecting the element, I see it remains in model, but the DOM element loses its inner html (becomes empty div) - causing the div to "appear" to be hidden.

我想在顶部显示名称组并取消其上的拖动事件。如何禁用移动某些元素，例如此组名在顶部。我的代码是：

我的模板：

我试图阻止用户移动第一个元素dragulaService，代码第一次工作没有任何错误，但是当我离开这个页面然后再次打开它时，我得到了错误。

导致错误的代码：

错误是：

error_handler.js:48 例外：未捕获（承诺中）：错误：./SortTableComponent 类 SortTableComponent_Host 中的错误 - 内联模板：0:0 由以下原因引起：包名为：“nested-bag”已存在。错误：包名为：“nested-bag”已经存在。在 DragulaService.add ( http://platform.local:8080/3.chunk.js:1070:19 ) 在 DragulaService.setOptions ( http://platform.local:8080/3.chunk.js:1099:24 )在新的 SortTableComponent ( http://platform.local:8080/3.chunk.js:1311:24 )

我正在尝试在我的 angular2 应用程序中使用Dragula。这是我的代码中的 app.module：

不幸的是，当我添加DragulaService到,providers或我面临以下错误时：DragulaModuleimports

我确定，我已经dragula正确安装了。

我们正在使用以下copy: true设置ng2-dragula：

现在我们想用类似opacity: 0.3. 我们怎么能做到这一点？使用

我们可以找到原始元素，我们可以对其应用透明度，这似乎非常错误：可拖动元素（自然）来自数据数组，有没有办法找到被拖动元素的索引，所以我们可以做类似的事情

和

（我知道，这已经很糟糕了，我应该匹配文章）。

rollup.config.js

在使用 aot 成功生成文件后，使用 Rollup 进行 tree-shaking 和 build 会出现上述错误。任何建议都受到高度赞赏。

我有一个由用户动态生成的表单：

生成的json类似于

我添加了 ng2-dragula 指令以更改消息顺序

拖动功能运行良好，但是当我显示表单的 json 时，它仍然是旧顺序，除非我开始更改字段的内容。在这种情况下，表格已更新。

我需要在 AngularJS 2 中为以下嵌套的学生列表项使用嵌套的 ng-dragula。

学生 1 book1 book2 book3

学生 2 book4 book5 book6

学生 3 book7 book8 book9

我必须拖放学生位置，我可以使用下面的代码来做到这一点。

我必须在学生之间以及学生之间拖放书籍。像下面的东西。

学生 1 book1 book3 book2

学生 2 book4 book5

学生 3 book7 book6 book8 book9

我尝试了下面的代码

但是，书籍项目不能在学生内部或学生之间拖动。请建议。

我有一个列表网格，并试图使用 ng2-dragula 相互拖动和交换网格的图块

some.component.html

一些.component.ts

我的想法是交换 Drop 事件的数据。是否有可以像这样添加到 HTML 中的 onDrop 事件？

(onDrop) = "swap(data)"然后swap(data:any)在组件类中做？

还是我必须初始化dragulaservice？有没有更好的方法来代替？

我对 Angular 完全陌生，我发现这非常难以理解。任何提示将不胜感激？

使用angular2 材料和dragula ，我想用ng2-dragula库拖放芯片。

指定 Dragula 容器：

以上不起作用，因为 Angular-materialdiv.md-chip-list-wrapper在md-chip-list. 当我们尝试拖放时，整个包装器都会被拖动。

我试图用dragula的isContainer方法解决这个问题，但拖动根本不起作用。

我试图通过在里面添加一个 div 包装器来解决这个问题md-chip-list，但这似乎在角度材料中出错。

那么如何md-chip-list使用 ng2-dragula 进行工作呢？