Angularjs 表排序与 ng-repeat

【问题标题】：Angularjs table sort with ng-repeatAngularjs 表排序与 ng-repeat
【发布时间】：2012-09-26 12:33:47
【问题描述】：

我有一个 HTML 表格，想通过单击表格标题（ctrl 中的$scope.headers）对我的记录（ctrl 中的$scope.records）进行排序，

谁能解释一下为什么会这样：

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

但事实并非如此：

<th ng-repeat="header in headers">
    <a ng-click="sortColumn=headers[$index];reverse=!reverse">{{ headers[$index] }}</a>
</th>

这是记录的代码：

<tr ng-repeat="arr in records | orderBy:sortColumn:reverse">
    <td ng-repeat="val in arr" ng-bind-html-unsafe="arr[headers[$index]]</td>
</tr>

我的表中有 58 列，所以循环遍历表头会更好...

【问题讨论】：

• 第二个解决方案究竟有什么问题？副手，我猜你的 $index 被绑定到 td 重复，而不是 tr 重复，但我没有足够的信息可以肯定地说。你试过用batarang查看范围吗？
• 请参阅 Gloopy-s 的回复，我想我在重复范围内学到了一些关于原语的新知识 ;) thx