0 
<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>

私はいくつかの列を持っています。すべての列には、チケットの配列が含まれています。どのチケットがどこに移動したかをどのように検出できますか?

4

1 に答える 1

1

dragula 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));
            });

onDrag(value) 関数のステップ 3
引数はel、target、source、sibling です

value[1] ==> target.id value[2] ==> source.id id に基づいて、列間で移動したチケットを検出できます

于 2017-04-28T13:53:42.970 に答える