Nie można znaleźć niestandardowej funkcji wywołania zwrotnego Angular.js

Question

Używam tego plugin z Angular. W dokumentacji jest napisane, że metoda zwrotna

onDrop powoływać przeciągany jest spadła do droppable

więc próbowałem go używać tak (odpowiednia część jest 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> 

I zdefiniował funkcję w zakresie tak:

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

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

Jak widać z Plunker, to nie działa z jakiegoś powodu funkcja zwrotna nie zostanie znaleziony (to nie patrząc na zakres może?).

Próbowałem wielu odmian tego, jak onDrop="myCallback(event, ui)" lub onDrop="myCallback" itp. Żadna z nich nie zadziałała.

Czy to błąd, czy po prostu nie używam go poprawnie?

Z góry dziękuję.

Answer 1

Na podstawie przykładów, które widziałem, robisz to źle.

1. onDrop zwrotna powinna zostać uznana w jqyoui-droppable

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

Ale to wyglądać @ w celu uzyskania bardziej kompletnego kodu: here

Rozwiązanie

Plunkr

Błąd Lil, upuszcza pierwsze 2 przedmioty i nic więcej, ale to powinno ci pomóc w drodze. Aktualizacja: Właśnie zauważyłem, że masz na nim nałożony limit, głupie mnie. W takim przypadku został rozwiązany: