jquery-ui - UI-Sortable - Ajax 和取消不起作用

Question

我将 AngularJs 与 Ui-sortable ( https://github.com/angular-ui/ui-sortable ) 一起使用。我的用例基本上是在同一个列表中拖放。

通常的拖放列表项目（我的意思是，更新项目的位置）是有效的。当我尝试添加 Ajax 调用以检查是否允许移动时，我的问题就出现了。如果不允许移动，则应取消。取消是我不能很好地运行的部分。

也许使用一些代码更容易理解：

$scope.sortableOptions = {
    'ui-floating': false,
    update : function(e, ui) {
        // Check distance of movement
        var diffIndex   = _computeDiff(ui.item.sortable);

        var moveObject = {"operation": "move", "value": diffIndex};

        // Http call to do move
        HttpApi.post('check', moveObject).then(function(){
            // TESTING: Im trying to Cancel all the movements
            // When this code is executed, sortable has already trigger stop.
            // Canceling does not work anymore.
            ui.item.sortable.cancel();  
        });
    }
};

关于如何处理它的任何建议？