在点击按钮时添加德拉古拉归因

Question

我目前正在使用Angular(4.0)和ng2-dragula。我已经疯狂地div到一个dragula容器，像这样移动其中的物品：

<div id="dragcontainer" [dragula]='"first-bag"'>

现在我想实现一个函数，在单击按钮时将我的div 转换为可拖动的 draguladiv。例如：

单击按钮之前：

<div id="dragcontainer">

单击按钮后：

<div id="dragcontainer" [dragula]='"first-bag"'>

我试过这个：

HTML按钮：

<button md-raised-button style="margin-left: 20px;" (click)="dragable()">
Make it drawable
</button>

类型代码：

dragable(): void {
document.getElementById("dragcontainer").setAttribute("[dragula]", "first-bag");
}

但这行不通。为了确保我正确使用了.setAttribute命令，我尝试了以下方法：

dragable(): void {
document.getElementById("dragcontainer").setAttribute("align", "center");
}

这正在起作用。

以前有没有人尝试过这个，或者有人知道如何解决这个问题？

Answer 1

也许您需要在按钮单击后触发的控制器中有一些布尔标志，您应该侦听drakeService.on('drag', listener)，如果标志设置为false(最初)，那么您立即触发.cancel(true)方法。

我认为如果您可以提供一些在线演示(例如 plunkr)，会容易得多。