Angular2 $事件如何添加到目標數據綁定或結構指令？

Question

我有一個組件內的視圖間的數據傳輸問題。 當我拖動數據添加到組件變量時，我拖動&drop;，然後我刪除數據，它將添加到方法的局部變量。

VIEW：

<tr> 

       <td class="imported-table_data"> 
        <h3>User name</h3> 
        <p>Simple name</p> 
       </td> 

       <td pDroppable="dd" 
        (onDrop)="dropped($event)" 
        class="imported-table_field" > 
       </td></tr> 


<tr *ngFor="let data of tableData" class="instance-table_row"> 
    <td pDraggable="dd" class="instance-table_data (onDragStart)="dragStart($event, data)"> 
    <h3>{{ data.title }}</h3> 
    <p>{{ data?.data }}</p> 
    </td> 

</tr> 

COMPONENT：

dropped (event: Event) : void { 
let data = this.tableCurrentData; 
console.log('-----------------'); 
console.log(event); 
console.log('-----------------'); 
this.tableCurrentData = null;} 




dragStart (event: Event, data: any) : void { 
console.log(event); 
this.tableCurrentData = data;} 

在這種情況下，我得到event.target其中有目前TD，我怎麼能加我選擇的數據，目前TD？

Answer 1

在你(onDragStart)，你應該使用：

this.onDragStart.emit({ 
    data: yourdata, 
    event:yourdata 
    //other variable 
}) 

，你應該在html

<td pDraggable="dd" class="instance-table_data (onDragStart)="dragStart($event.event,$event.data)"> 

，並在打字稿文件的功能，使用你的函數：

public dragStart(event: any, data: string) { 
//your code here 
}