如何根据angularjs中的前一列对列进行排序

Question

我想对链接的两列进行排序示例：我对名称进行排序，然后我想按日期对名称列表进行排序，但是，当我这样做时，它会覆盖我的排序并按日期排序忽略按名称排序，

是否可以按名称对日期进行排序？当你点击一个标题？ 如果有人可以给我一个提示吗？

$scope.filteredList =null;
$scope.orderByName = function(predicate,reverse){
    if($scope.filteredList == null) {
        $scope.dataList = $filter("orderBy")($scope.dataList, predicate, reverse);
        $scope.filteredList =  $scope.dataList;
    }
    else{
    $scope.dataList = $filter("orderBy")($scope.filteredList,predicate,reverse);
    $scope.filteredList =  $scope.dataList;
    }

};
$scope.orderByDate = function(predicate,reverse){
    if($scope.filteredList == null){
        $scope.dataList = $filter("orderBy")($scope.dataList,predicate,reverse);
        $scope.filteredList =  $scope.companyInfo;
    }
    else{
        $scope.companyInfo = $filter("orderBy")($scope.filteredList,predicate,reverse);
        $scope.filteredList =  $scope.dataList;
    }
};

HTML:

<a ng-click="reverse=!reverse;orderByName('date',reverse)">
<a ng-click="reverse=!reverse;orderByDate('name',reverse)">

这是我正在使用的代码，但每次我单击任何列时，它都会重新对数据进行排序..

Answer 1

您可能希望按功能编写自己的订单。您的 html 可能如下所示：

 ng-repeat="employee in employees | orderBy:mySortFunction"

在你的函数中，你可以这样写：

 $scope.mySortFunction = function(employee) {
    return employee.name + '~' + employee.date;
 };

在你的情况下，下面的代码应该可以工作：

$scope.filteredList =null;
$scope.orderByName = function(predicate,reverse){
    $scope.sortedOnName = true;
    if($scope.filteredList == null) {
        $scope.dataList = $filter("orderBy")($scope.dataList, predicate, reverse);
        $scope.filteredList =  $scope.dataList;
    }
    else{
    $scope.dataList = $filter("orderBy")($scope.filteredList,predicate,reverse);
    $scope.filteredList =  $scope.dataList;
    }

};

 $scope.mySortFunction = function(dataListElement) {
    return dataListElement.name + '~' + dataListElement.date;
 };

$scope.orderByDate = function(predicate,reverse){
    if ($scope.sortedOnName){
      if($scope.filteredList == null){
          $scope.dataList = $filter("orderBy")($scope.dataList,$scope.mySortFunction,reverse);
          $scope.filteredList =  $scope.companyInfo;
      }
      else{
          $scope.companyInfo = $filter("orderBy")($scope.filteredList,$scope.mySortFunction,reverse);
          $scope.filteredList =  $scope.dataList;
      }
    }
    else {
      if($scope.filteredList == null){
          $scope.dataList = $filter("orderBy")($scope.dataList,predicate,reverse);
          $scope.filteredList =  $scope.companyInfo;
      }
      else{
          $scope.companyInfo = $filter("orderBy")($scope.filteredList,predicate,reverse);
          $scope.filteredList =  $scope.dataList;
      }
    }
};

理论上应该，但如果您进行了一些更正以使其正常工作，请告诉我，以便我可以更新答案。