Funzione di callback personalizzata angular-drag angular-dragdrop non trovata

Question

Sto usando questo plugin con Angular. Nella documentazione si dice che il metodo di callback

onDrop da richiamare un trascinabile è caduto nel droppable

così ho provato ad utilizzare in questo modo (la parte rilevante è il onDrop = "mycallback"):

<div class="thumbnail" data-drop="true" 
     onDrop="myCallback" ng-model='list1' 
     data-jqyoui-options="optionsList1" 
     jqyoui-droppable="{multiple:true}"> 
    <div class="caption"> 
     <div class="btn btn-info btn-draggable" 
       ng-repeat="item in list1" 
       ng-show="item.title" 
       data-drag="{{item.drag}}" 
       data-jqyoui-options="{revert: 'invalid'}" 
       ng-model="list1" jqyoui-draggable="{index: {{$index}},animate:true}">     
     {{item.title}} 
     </div> 
    </div> 
</div> 

E definito la funzione della portata in questo modo:

$scope.myCallback = function(event, ui){ 
    console.log('Dropped into something'); 
}; 

http://plnkr.co/edit/kiYrIU?p=preview

Come si può vedere dalla Plunker, questo non funziona, per qualche motivo non si trova la funzione di callback (non è alla ricerca sulla portata forse?).

Ho provato più varianti di questo, come onDrop="myCallback(event, ui)" o onDrop="myCallback" ecc. Nessuno di questi ha funzionato.

Si tratta di un errore o semplicemente non lo uso correttamente?

Grazie in anticipo.

Answer 1

Sulla base degli esempi che ho visto che stai facendo male.

1. onDrop callback dovrebbe essere dichiarato in jqyoui-droppable

   jqyoui-droppable = "{..., onDrop: 'mycallback', ...}"

Ma guarda @ questo un codice più completa here

Soluzione

Plunkr

Lil bug, però, sgancia le prime 2 voci e nulla di più, ma questo dovrebbe aiutare nel vostro cammino. Aggiornamento: ho appena notato che avevi un limite su di esso, stupido me. In tal caso, è risolto