title: Implement html5 drag drop in angularjs?
body: <p>Here is the view</p>
  
  <pre><code>.container(ng-controller="activityCtrl")
    h3 Edit your plan
    .row
      .one-half.column
        div(draggable="true" ondragstart="onDrag()") I am draggable
  </code></pre>
  
  <p>And i have defined a function inside controller like</p>
  
  <pre><code>$scope.onDrag = (evt)=&gt;{
    console.log(evt);
    ev.dataTransfer.setData("text", ev.target.id);
  }
  </code></pre>
  
  <p>The error that i am getting is <code>Reference error onDrag not defined</code>. I am guessing that it is somewhat because i need to reference the function defined in $scope in <code>ondragstart</code>. How can i do the same ?</p>