在buttonclick上添加dragula Attribut

Question

我目前正在使用Angular（4.0）和ng2-dragula。我已经将div发送到了一个拖拉集装箱，以便像这样移动物品：

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

现在我想实现这个功能，让我的div在按钮点击时可拖动的拖拉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)并且如果flag设置为false（最初）那么你会立即触发{{1}方法。

如果您能提供一些在线演示（例如plunkr），我认为会容易得多。