angularjs - 何も表示せずに Drag-Event を取得する

Question

angular-dragdrop "ngDragDrop" (jQueryUI-Dragdrop を使用) を使用した次のページがあります。

次のコードは機能します:

<div class="sourceContainer">
    <div ng-repeat="oldLocation in oldLocations"
        data-drag="true"
        data-jqyoui-options="{revert: 'invalid', helper: 'clone'}"
        ng-model="oldLocation"
        jqyoui-draggable="{index: {{$index}}, animate: true, placeholder: 'keep'}"
        class="oldLocation singleTag"
        >{{oldLocation.name}}</div>
</div>
<div class="targetContainer" data-drop="true" ng-model='oldLocationsCopied' jqyoui-droppable="{multiple:false}">
    <div ng-repeat="newLocation in oldLocationsCopied track by $index"
        data-drag="true" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}"
        class="oldLocation singleTag"
        ng-model="newLocation" jqyoui-draggable="{index: {{$index}},animate:true,onDrop:doDrop(newLocation.name)}">{{newLocation.name}}
    </div>
</div>

したがって、DIV を「sourceContainer」内から「targetContainer」にドラッグ アンド ドロップすると、関数「onDrop()」が呼び出されます。

今、私は目に見えるアクションなしで同じことを望んでいます。div がドラッグされると、div が消え、メソッド onDrop() が呼び出されます。

targetContainer を非表示にすることもできますが、より良い解決策があるはずです