event.target無法識別angular2

Question

我有一個功能

transferDataSuccess(event, cat,label ,e ){
    var target = e.target || e.srcElement || e.currentTarget;
    this.handler.emit( {e:event, cat:cat , labelCS:event.dragData.labelCS} );    
    this.unhighlightElement( event , e );

}

它通過綁定到元素

(onDropSuccess)="transferDataSuccess($event, node.id , node.label , $event)"

但是它總是導致錯誤

TypeError: Cannot read property 'nodeName' of undefined

它無法訪問event.target，angular2是否具有event.target或simmiliar方法？ 如果沒有，我的代碼有什么問題？ 為什么找不到event.target？

//取消突出顯示功能

  unhighlightElement( e , x ){
    e=e||window.event;
    var el =   x || e.target;
    //alert(el.nodeName)
    while( el.nodeName != 'DIV'){
        el = el.parentNode;
    }

    el.style.border="";

    e.stopPropagation();
    e.preventDefault();     
  }

Answer 1

我想應該是：

(onDropSuccess)="transferDataSuccess($event, node.id, node.label)"

您的函數將如下所示：

transferDataSuccess(event, cat, label){
  this.handler.emit({ e:event, cat:cat, labelCS: event.dragData.labelCS });    
  this.unhighlightElement(event.mouseEvent);
}

unhighlightElement(e){
  var el = e.target;
  //alert(el.nodeName)
  while( el.nodeName != 'DIV'){
    el = el.parentNode;
  }

  el.style.border="";

  e.stopPropagation();
  e.preventDefault();     
}

看到這一行： https : //github.com/akserg/ng2-dnd/blob/09296dc1c0a5d7b04ae742d60f49c57398b4e375/src/dnd.droppable.ts#L82

柱塞示例