Sử dụng jQuery tableSorter plugin với Angularjs

Question

Tôi đang cố gắng sử dụng plugin trình sắp xếp bảng JQuery làm việc cùng với Angular. Hiện tại nếu bạn bấm vào bất kỳ cột nào để sắp xếp toàn bộ chiều rộng và cấu trúc của các thay đổi bảng và một hàng mới với các biểu thức ng-repeat được tạo ra.

$(document).ready(function() { 
    $("#check").tablesorter(); 
}); 

 

<table id="check" class="table table-bordered table-striped table-condensed table-hover tablesorter" cellspacing="1"> 
    <thead> 
     <tr>   
      <th class="header">Product Code#</th> 
      <th class="header">Item Description#</th> 
      <th class="header">Unit Cost#</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng:repeat="i in itemresponse" > 
      <td><a href="#/ItemSearch/{{i._ItemID}}" >{{i._ItemID}}</a></td> 
      <td>{{i.PrimaryInformation._ShortDescription}}</td> 
      <td>{{i.PrimaryInformation._UnitCost}}</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

Bạn đang làm sai.

Nếu bạn muốn sắp xếp các hàng trong bảng bằng AngularJS, bạn nên sử dụng bộ lọc orderBy. Không cần phải bao gồm một khung công tác khác. Một khi bạn đã thực hiện bước nhảy vọt đó, bạn có thể tìm thấy rất nhiều mẫu trực tuyến (hoặc trên SO).

Xem ví dụ fiddle này: http://jsfiddle.net/uRPSL/1/

Answer 2

May mắn thay có một mô-đun góc gọi ng-table.