javascript - AngularJS 可在多列中排序

Question

我正在尝试找到在 Angular JS 中执行诸如可排序的 JQuery 之类的最佳方法。我知道 angular-ui 中有 sortbale 指令，但我需要的是能够在多列中拖放项目。

在 JQuery 中，这是由$(el).sortable({connectWith: '.column'});

有没有办法在 Angular 中做到这一点？作为 Angular 新手，我不想玩 JQuery 可排序，因为我知道它不适合 Angular 模型（DOM 在 jQuery 中操作，在 Angular 上下文之外，所以让它同步很棘手）。

Answer 1

您只是在寻找orderBy过滤器吗？

Answer 2

您需要包括：

1. jQuery
2. jQueryUI
3. 角

您需要创建一个指令：

directives.directive('sortable', function() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            element.sortable({
                connectWith: ".column",
                start: function(event, ui) {},
                stop: function(event, ui) {},
                receive: function(event, ui) {}
            });
        }
    };
});

您需要应用该指令：

<div class="column" sortable></div>

在上面的示例中，可排序对象可以与类列连接。