javascript - 找不到 Angular.js angular-dragdrop 自定义回调函数

Question

我正在使用这个 plugin与 Angular 。在文档中它说

onDrop callback method to be invoked a draggable is dropped into the droppable

所以我尝试像这样使用它(相关部分是 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>

然后像这样在作用域上定义函数:

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

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

正如您从 Plunker 中看到的那样，这不起作用，由于某种原因找不到回调函数(也许它没有在范围内查找？)。

我尝试了多种变体，例如 onDrop="myCallback(event, ui)" 或 onDrop="myCallback" 等。这些都不起作用。

这是一个错误还是我没有正确使用它？

提前致谢。

Answer 1

根据我看到的示例，您做错了。

1. onDrop 回调应该在 jqyoui-droppable

   中声明

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

但是请查看@this以获得更完整的代码here

解决方案

Plunkr

不过是个小错误，它会掉落前 2 个元素，仅此而已，但这应该对您有所帮助。更新:我刚刚注意到你有一个限制，愚蠢的我。那样的话，就解决了