在按钮上添加dragula属性

Question

我目前正在使用Angular (4.0)和ng2-dragula。我向dragula容器发送了一个div来移动其中的项目，如下所示：

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

现在我想实现一个函数，让我的div在点击按钮时变成一个可拖拽的dragula div。例如：

按钮点击前：

<div id="dragcontainer">

按钮点击后：

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

我试过了：

HTML-按钮：

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

TypeScipt代码：

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)，会容易得多。