Question

我在使用交换元素实现拖放功能时遇到问题。我使用jquery-ui来实现拖放功能，每个可拖动元素中都有ng-controller。

一旦发生拖放，拖动的元素和掉落的元素就会交换它们的位置。但在此之后，ng-controller点击事件不适用于那些控制器。拖放功能如下所示实现

drgObj = {
    revert : 'invalid',
    helper: 'clone'
}

drpObj = {
    tolerance: 'pointer',
    drop: function(event, ui){
        var drag_item = ui.draggable;
        var drop_item = $(this);
        var drag_clone = drag_item.clone();
        var drop_clone = drop_item.clone();

        drop_item.after(drag_clone);
        $(drag_item).after(drop_clone);

        $(drag_item).remove();
        drop_item.remove();

        $('.drag-drop').draggable(drgObj);
        $('.drag-drop').droppable(drpObj);
    }
};

$('.drag-drop').draggable(drgObj)
$('.drag-drop').droppable(drpObj)

这种情况在此证明 http://jsfiddle.net/0jennzbw/

我尝试了一些用于拖放的角度指令     https://github.com/angular-ui/ui-sortable，
    https://github.com/codef0rmer/angular-dragdrop，
    https://github.com/petrkotek/angular-widgetarea-directive 但它对我不起作用

有人帮忙解决这些问题吗？

拖拽控制器不起作用后的AngularJS

0 个答案: