相关疑难解决方法(0)

使用ng-repeat对Angularjs表进行排序

我有一个HTML表,想要$scope.records通过单击表头($scope.headers在ctrl中)对我的记录(在ctrl中)进行排序,

任何人都可以解释为什么这样做:

<th>
    <a ng-click="sortColumn=headers[0];reverse=!reverse">{{ headers[0] }}</a>
</th>
<th>
    <a ng-click="sortColumn=headers[1];reverse=!reverse">{{ headers[1] }}</a>
</th>
Run Code Online (Sandbox Code Playgroud)

那不是:

<th ng-repeat="header in headers">
    <a ng-click="sortColumn=headers[$index];reverse=!reverse">{{ headers[$index] }}</a>
</th>
Run Code Online (Sandbox Code Playgroud)

以下是记录的代码:

<tr ng-repeat="arr in records | orderBy:sortColumn:reverse">
    <td ng-repeat="val in arr" ng-bind-html-unsafe="arr[headers[$index]]</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

我的表中有58列,所以循环表头更好...

javascript sorting html-table angularjs

9
推荐指数
1
解决办法
2万
查看次数

标签 统计

angularjs ×1

html-table ×1

javascript ×1

sorting ×1