angular - event.target not recognized angular2 -


i have function

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

it binded element via

(ondropsuccess)="transferdatasuccess($event, node.id , node.label , $event)" 

however results in error

typeerror: cannot read property 'nodename' of undefined 

it cannot access event.target , angular2 has event.target or simmiliar method? if no wrong piece of code? why cant find event.target?

// unhighlight function

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

i guess should be:

(ondropsuccess)="transferdatasuccess($event, node.id, node.label)" 

and function like:

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

see line: https://github.com/akserg/ng2-dnd/blob/09296dc1c0a5d7b04ae742d60f49c57398b4e375/src/dnd.droppable.ts#l82

plunker example


Comments