2回目のクリックで逆順

Question

私は注文があるテーブルを持っており、クリックして2番目のクリックで並べ替えたい。最初のクリックのソートはうまく動作するが、2回目のクリックでは逆の並べ替えは動作しない。

<tr> 
    <th><a href="#" ng-click="changeOrder('merchant.id');" ng-dblclick="forDoubleClick('merchant.id')"><abbr title="Merchant ID">M.I.</abbr></a></th> 
    </tr> 

    <tr dir-paginate="item in serverData | orderBy : orderBy | filter:filterData | itemsPerPage: itemPerPageValue"></tr> 

    ... 

私のJSコード

$scope.orderBy = 'value'; 

$scope.changeOrder = function(value) { 
     $scope.orderBy = value; 
    } 

$scope.forDoubleClick = function(value) 
    { 
     $scope.orderBy = value + " : reverse "; 
    } 

Answer 1

あなたが$scope.forDoubleClick機能を必要としない HTML私のコードですが、私はちょうどSort順序を決定する変数$scope.currentOrder = 1; 1以上を追加しました。すなわち、%またはremainderが0と等しくなると、Ascendingによって並べ替えられ、Descendingの順になります。各click

$scope.currentOrder = 1; 
$scope.changeOrder = function(value) { 
$scope.currentOrder++; 
if($scope.currentOrder % 2 != 0) 
    $scope.orderBy = '-' + value; 
}else{ 
    $scope.orderBy = value; 
} 

Answer 2

上

インクリメント$scope.currentOrderあなたはこのような何かを試すことができますか？代わりにng-click="changeOrder('merchant.id');"の

$scope.sortOrder = 'ASC'; 
$scope.changeOrder = function(value) { 
    if($scope.sortOrder === 'ASC') { 
     $scope.orderBy = value; 
     $scope.sortOrder = 'DSC'; 
    } else { 
     $scope.orderBy = value + " : reverse "; 
     $scope.sortOrder = 'ASC'; 
    } 
} 

Answer 3

は同じ

ng-click="changeOrder(merchant.id);"がng-dblclickのために行く置きます。