角度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を追加しましょう。あなたのケースで使用することは

ステップ-1

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

ステップ2イベントをドロップ購読をcol.id。 onDrag（値）上に

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

ステップ3
関数の引数は、[1] ==> target.id

値兄弟、ソースEL、ターゲットでありますvalue [2] ==> source.id チケットを検出できるIDに基づいて に基づいて