AngularJS排序在多列

Question

我想找到最好的方式來做類似於jQuery在Angular JS中排序的東西。 我知道在angular-ui中有sortbale指令，但我需要的是能夠將項目拖放到多個列中。

jQuery中，這是通過$(el).sortable({connectWith: '.column'});

有沒有辦法做到這一點的角度做了什麼？作爲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> 

在上面的例子中，排序可以與類列連接。