2017-04-25 60 views
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> 

我有几栏。每列包含带票证的数组。如何检测哪个票已移动并在哪里?Angular 2 - ng2-dragula

回答

1

将id添加到您的dragula Div。在你的情况下使用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当(值)函数参数步骤3
EL,目标,源,同级

值[1] ==> target.id 值[2] ==> source.id 基于您可以检测到列之间移动的ID