Сортировка больших таблиц с AngularJS - PullRequest
Новая
       84

Сортировка больших таблиц с AngularJS

0 голосов
/ 17 октября 2019

Я хочу отсортировать таблицу, в которой заголовок и содержимое будут получены с помощью ng-repeat. Когда я нажимаю на элемент заголовка, я хочу, чтобы этот столбец сортировался в алфавитном порядке. Но я не уверен, как мне это сделать

Это мой HTML: 

<div class="pane pane--table1">
  <div class="pane-hScroll">
    <table>
      <thead>
        <tr>
          <th ng-repeat="item in header" ng-click="sortColumn()">{{item}}</th>
        </tr>
      </thead>
    </table>
    <div class="pane-vScroll">
      <table>
        <tbody>
          <div ng-include="'templates/includes/ajax_spinner.html'"></div>
          <tr ng-repeat="(key, value) in content">
            <td ng-repeat="val in value track by $index">{{val}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

1 Ответ

0 голосов
/ 17 октября 2019

Вы можете использовать фильтр orderBy с именем свойства, как показано ниже 

<div ng-app="app" ng-controller="MyController">
  <div ng-repeat="item in array  | orderBy: !changeFilter ? '-date' : 'name'">
    <div>{{item.name}}</div>
  </div>
  <button ng-click="changeFilter=!changeFilter">
    change
  </button>

</div>

Вот JSFiddle https://jsfiddle.net/aiubian/fn44eqkb/

...