角2 - ng2-dragula

时间:2017-04-25 14:29:21

标签: angular typescript draggable dragula ng2-dragula

SQLCMD

我的专栏很少。每列包含带票证的数组。如何检测哪张票移动了哪里?

1 个答案:

答案 0 :(得分:1)

为你的拖拉Div添加id。在你的情况下使用col.id

步骤-1

  <div  id={{col.id}}  [dragula]="'tickets-list'" [dragulaModel]="col.tickets">
        <ul>
          <li *ngFor="let ticket of col.tickets">
            {{ ticket }}
          </li>
        </ul>
      </div>

第2步订阅放弃事件。

 dragulaService.drop.subscribe((value) => {
                this.onDropModel(value.slice(1));
            });

第3步
在onDrag(值)函数上,args是 el,target,source,sibling

值[1] ==&gt; target.id 值[2] ==&gt; source.id 基于id,您可以检测在列之间移动的票证