9

我正在尝试使用与 Angular 一起工作的 JQuery 表排序器插件。当前，如果您单击任何列以对表格的整个宽度和结构进行排序，则会更改并创建具有 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>
4

2 回答 2

6

你这样做是错的。

如果你想用 AngularJS 对表中的行进行排序，你应该使用orderBy过滤器。无需包含另一个框架。一旦你实现了这一飞跃，你可以在网上（或在 SO）上找到大量的样本。

例如看这个小提琴：http: //jsfiddle.net/uRPSL/1/

于 2014-03-22T06:59:27.443 回答
2

幸运的是，有一个名为ng-table的 Angular 模块。

于 2014-04-14T12:30:23.493 回答