title: angular dragdrop beforeDrop callback
body: <p>I try to get the dragged object and test the drag object before dropping it, how can I obtain it on beforeDrop callback? I can see the 'dndDragItem' after the drop action, but can't get it before the drop, any idea on how to achieve it? Thanks!</p>
  
  <p>Angular dragdrop plugin used
  <a href="https://github.com/codef0rmer/angular-dragdrop" rel="nofollow noreferrer">https://github.com/codef0rmer/angular-dragdrop</a></p>
  
  <p>The following is my related code</p>
  
  <p>html</p>
  
  <pre><code>&lt;div ng-repeat="ap in aps track by $index" 
                      class="panel panel-primary"
                      data-drop="true" 
                      data-jqyoui-options=""
                      ng-model="newTagsData[$index][ap.ipaddr]" 
                      jqyoui-droppable="{multiple:true, beforeDrop: 'profileDrop(evt, ui)'}"
  </code></pre>
  
  <p>controller</p>
  
  <pre><code>//check logic before drop
          $scope.profileDrop = function(evt, ui){
              var dropItem = this.dndDragItem;
              var deferred = $q.defer();
  </code></pre>
  
  <p>When dropped, I can get the draggable object I desired
  <img src="https://i.stack.imgur.com/8FqjQ.jpg" alt="enter image description here"></p>
  
  <p>But I want the draggable object before drop, I then place a debugger in the beforeDrop callback, but this time, I can't get my drggable object which I will need to do the logic and decide whether it is allowable to drop
  <img src="https://i.stack.imgur.com/tyzts.jpg" alt="enter image description here"></p>
  
  <p>Appreciate all bro for any help</p>