Angular 2 - ng2-dragula

Question

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

我有几列。每个列都包含带门票的数组。我如何检测哪个票移动？

Answer 1

将ID添加到您的draguladiv中。在您的情况下，请使用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
ON ON ON ON ondrag(value(函数args是 el，目标，源，兄弟姐妹

值[1] ==> target.ID值[2] ==> source.id根据ID，您可以检测到列之间的票证