У меня есть таблица HTML и я хочу отсортировать свои записи ($scope.records в Ctrl), нажав на заголовки таблицы ($scope.headers в 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>

И это не так:

<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 столбцов, так что было бы намного лучше перебрать заголовки таблиц ...