Question

我正在使用Angular（4.0）和ng2-dragula。我已經狂div到dragula容器移動項目中這樣說：

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

現在我想實現的功能，使我的股利按鈕點擊一個dragable dragula股利。例如：

按鈕點擊之前：

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

我已經試過這：

HTML-按鈕：

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

<div id="dragcontainer"> 

按鈕後點擊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），我認爲會容易得多。