ondrop ondragover - Uncaught ReferenceError: ondrop is not defined - angular - html5 draggable

Question

I try to implement html5 drag and drop with angular.

The code is:

<div ondrop="drop(event)"></div>

And in the controller:

$scope.drop = function(e) { console.log('a drop') };

This leads to the error:

Uncaught ReferenceError: drop is not defined

Exchanging 'ondrop' with 'ng-click' makes it work, so there is nothing missing in the controller.

Answer 1

ondrop is a HTML attribute, therefore it expects the given function to be global, as opposed to angular directives such as ng-click which expect the callbacks to be published on the $scope.