angularjs拖放插件丢弃问题

Question

我在我的项目中使用angular-dragdrop.js lib,我遇到了drop call函数的问题.所有其他回调函数都在工作.我多次调试我的代码但是找不到答案,有人遇到过这个问题吗？

这是我的html和js代码:

HTML:

<li class="li-draggable" data-drag="true"
           jqyoui-draggable="{animate: true, 
                              placeholder: 'keep', 
                              onStart: 'startCallback', 
                              onStop: 'stopCallback',
                              onDrag: 'dragCallback'}"
           data-jqyoui-options="{snap: true, cursor: 'move', revert: 'invalid', helper: 'clone'}">
           <a>Text <i class="icon-pencil pull-right"></i></a>
</li>
<div class="dummyCell" data-drop="true"
             jqyoui-droppable="{multiple: true,
                               onDrop: 'dropCallback',
                               onOver: 'overCallback',
                               onOut: 'outCallback'}"
             data-jqyoui-options="{hoverClass: 'hoverClass'}"></div>

JS:

$scope.startCallback = function(event, ui) {
    console.log('You started draggin');
};

$scope.stopCallback = function(event, ui) {
    console.log('Why did you stop draggin me?');
};

$scope.dragCallback = function(event, ui) {
    console.log('hey, look I`m flying');
};

$scope.dropCallback = function(event, ui) {
    console.log('hey, doneeeeeee');
};

$scope.overCallback = function(event, ui) {
    console.log('Look, I`m over you');
};

$scope.outCallback = function(event, ui) {
    console.log('I`m not, hehe');
};

任何帮助将不胜感激.谢谢.

更新:

放弃时我没有在控制台中收到任何错误:

Answer 1

您正在寻找的答案：ngModel是必需的。故障排除详细信息如下...

您的选项组合引发了一些奇怪的错误Syntax Error: Token '=' implies assignment but [undefined ] can not be assigned to at column 11 of the expression [undefined = __dragItem] starting at [= __dragItem]. http://jsfiddle.net/RWgX9/

从一个新的例子开始，onDrop确实有效：http ://jsfiddle.net/HsNRS/

如果你把它分解为无，它仍然会抛出错误：http://jsfiddle.net/RWgX9/1/

我认为ngModel可能是必需的，因为一旦添加它，错误就会消失： http: //jsfiddle.net/RWgX9/2/

并将其添加回您的原始代码中，它现在似乎可以工作：http ://jsfiddle.net/RWgX9/3/

就这样工作吧，我hey, doneeeeeee在控制台中看到......不过不确定你的用户界面目标是什么。