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>

在上面的例子中，sortable 可以与类列连接。