javascript - ng-grid row template mouse events don't work for an editable row -

i'm creating ng-grid editable column this:

{field:'quantity', displayname:'quantity', enablecelledit:true, celltemplate:'mycelltemplate.html'} 

mycelltemplate.html:

<div ng-click="alert('foo')" ng-mouseover="hovered=true" ng-class="{myhoverclass:hovered}">      <span>{{row.getproperty(col.field)}}</span> </div> 

the ng-click doesn't work (i.e. no popup), ng-mouseover doesn't work either. how template react mouse events?

thanks