找不到Angular.js Angular拖放自定义回调函数

Angular.js angular-dragdrop custom callback function not found

本文关键字:Angular 回调 函数 自定义 拖放 js 找不到      更新时间:2023-09-26

我在Angular中使用这个插件。文件中说

要调用的onDrop回调方法将可拖动的对象拖放到可丢弃的中

所以我试着这样使用它(相关部分是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"等。这些都不起作用。

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

提前谢谢。

根据我看到的例子,你做得不对。

  1. onDrop回调应在jqyoui-droppable 中声明

    jqyoui droptable="{…,onDrop:'myCallback',…}"

但是在这里寻找更完整的代码

解决方案

Plunkr

Lil bug,它删除了前两个项目,但这应该会帮助你。更新:我刚刚注意到你对它设置了限制,真傻。在这种情况下,它解决了