我有一个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列,所以循环表头更好...