angularjs - 将 jQuery tableSorter 插件与 Angularjs 结合使用

Question

我正在尝试将 JQuery tablesorter 插件与 Angular 一起使用。目前，如果您单击任何列进行排序，表的整个宽度和结构都会发生变化，并且会创建一个包含 ng-repeat 表达式的新行。

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

你做错了。

如果您想使用 AngularJS 对表中的行进行排序，您应该使用 orderBy 过滤器。不需要包含另一个框架。一旦您实现了这一飞跃，您就可以在网上(或在 SO 上)找到大量示例。

例如，参见这个 fiddle :http://jsfiddle.net/uRPSL/1/