首页 > 解决方案 > 单独按不同表格的表格标题排序

问题描述

在下面的代码笔中,我试图在两个不同的表上独立地按列标题排序。但是,当我对两个表中的任何一个进行排序时,它也会对另一个表的列进行排序。我尝试创建一个名为 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;
};

标签: javascriptangularjs

解决方案


看看这段代码:

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

orderBy:sortField:reverseOrder零件控制排序。

现在,sortFieldreverseOrder在您的两个表之间共享。如果您想为两个不同的表设置不同的排序设置,则需要两个sortField和两个变量。reverseOrder

另请注意,您可能不需要复制数据数组,也不需要排序回调。


推荐阅读