Angular.js winkelförmige Dragdrop benutzerdefinierte Callback-Funktion nicht gefunden

Question

Ich verwende diese plugin mit Angular. In der Dokumentation heißt es, dass

onDrop Callback-Methode wird ein ziehbar aufgerufen werden, um die abwerfbaren fiel in

so habe ich versucht, es so mit (der relevante Teil ist die 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> 

und definiert die Funktion auf dem Umfang wie so:

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

Wie Sie aus dem Plunker sehen können, das funktioniert nicht, aus irgendeinem Grund die Callback-Funktion nicht gefunden wird (es ist vielleicht nicht auf den Umfang der Suche?).

Ich habe mehrere Variationen davon versucht, wie onDrop="myCallback(event, ui)" oder onDrop="myCallback" usw. Keine dieser funktionierten.

Ist das ein Fehler oder benutze ich ihn einfach nicht richtig?

Vielen Dank im Voraus.

Answer 1

Basierend auf den Beispielen habe ich gesehen, dass Sie es falsch machen.

1. onDrop Rückruf sollte in jqyoui-droppable

   jqyoui-abwerfbaren = "{..., onDrop: 'MyCallback', ...}" deklariert werden

Aber schauen @ diese für eine vollständigere Code here

Lösung

Plunkr

Lil Bug allerdings fällt es die ersten 2 Artikel und nichts mehr, aber diese sollten Sie auf Ihrem Weg helfen. Update: Ich habe gerade bemerkt, dass Sie eine Grenze haben, albern ich. In diesem Fall ist es gelöst