Раздельный Сортировка по заголовку таблицы для разных таблиц

Question

В следующем codepen Я пытаюсь отсортировать заголовки столбцов независимо в двух разных таблицах. Однако, когда я сортирую по любой из двух таблиц, он также сортирует столбцы другой таблицы. Я попытался создать отдельную функцию сортировки под названием sortByB и использовать ее в одной из таблиц, но она все еще сортирует другую таблицу. Спасибо.

JS

$scope.sortBy = function(sortField) {
  $scope.reverseOrder = ($scope.sortField === sortField) ? !$scope.reverseOrder : false;
  $scope.sortField = sortField;
};

$scope.sortByB = function(sortField) {
  $scope.reverseOrder = ($scope.sortField === sortField) ? !$scope.reverseOrder : false;
  $scope.sortField = sortField;
};

Answer 1

Посмотрите на этот код:

<tr ng-repeat="ticket in filteredTicketA | filter:var2 | filter:searchTextA:true:Status | orderBy:sortField:reverseOrder">

Часть orderBy:sortField:reverseOrder управляет сортировкой.

Прямо сейчас, sortField и reverseOrder являются общими для ваших двух таблиц. Вам понадобятся две sortField и две reverseOrder переменные, если вы хотите разные настройки сортировки для двух разных таблиц.

Также обратите внимание, что вам может не понадобиться дублировать массив данных или обратный вызов сортировки.