Javascript 拖放控制器不工作后的AngularJS

我在使用元素交换实现拖放功能时遇到问题。 我使用jQueryUI实现拖放功能，每个可拖动元素中都有ng控制器

一旦发生拖放，被拖动的元素和被拖放的元素交换位置。但在此之后，ng控制器单击事件对这些控制器不起作用。拖放功能实现如下

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)

这种情况在本报告中得到了证明

我尝试了一些拖放的角度指令 ，
，
但这对我不起作用

有人帮我解决这些问题吗