Utilizzo del plug-in jQuery tableSorter con Angularjs

Question

Sto provando a utilizzare il plug-in per il plug-in di JQuery che funziona insieme ad Angular. Attualmente se si fa clic su una colonna per ordinare l'intera larghezza e struttura della tabella, viene creata una nuova riga con le espressioni di ripetizione ng.

$(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

Lo stai facendo male.

Se si desidera ordinare le righe in una tabella con AngularJS, è necessario utilizzare il filtro orderBy. Non è necessario includere un altro framework. Una volta fatto questo salto, puoi trovare una pletora di campioni online (o su SO).

Vedi per esempio questo violino: http://jsfiddle.net/uRPSL/1/

Answer 2

Per fortuna c'è un modulo angolare chiamato ng-table.