angularjs - ng-repeat 内の要素をクリックして他の要素クラスを変更する方法

Question

angularjs に次のような ng-repeat コードがあります。

<th ng-repeat="row in results.rows track by $index">
  {{row.name | translate}}
  <a class="sort" 
     ng-click="orderResultDataEvent($index)" 
     ng-if="results.tableOptions.sortable">
    <i ng-class="{'icon icon-exc-column-hover-sort': row.isReverseOrder == null,'icon icon-exc-sort-numeric-1-9': row.isReverseOrder === false , 'icon icon-exc-sort-numeric-9-1': row.isReverseOrder === true }" 
       class="text-white" 
       aria-hidden="true">
    </i>
  </a>
</th>

また、次のような結果テーブル:

私が探しているのは、ユーザーがソートのために最初の列をクリックすると、他の列のアイコンが最初の列のようなデフォルトのアイコンに変更されることです。と最初の列のアイコンは、ソートされたアイコンに変更されます。

たとえば、ユーザーが最初の列の並べ替えアイコンをクリックしても、他のアイコンは変更されません。