Javascript 如何在angularjs中同时使用默认和自定义排序
我目前正在我的表上使用点击排序功能&工作正常。但现在我还需要在页面加载时按Javascript 如何在angularjs中同时使用默认和自定义排序,javascript,angularjs,Javascript,Angularjs,我目前正在我的表上使用点击排序功能&工作正常。但现在我还需要在页面加载时按dateCol的降序对表进行排序。因此,最初,表将按dateCol列的降序排序&如果单击列标题,适当的排序也会起作用 这是我的密码- $scope.sort = function(keyname){ if($scope.ref.displayTxnList && $scope.ref.displayTxnList.length > 0) if(checkDuplicateIn
dateCol
的降序对表进行排序。因此,最初,表将按dateCol
列的降序排序&如果单击列标题,适当的排序也会起作用
这是我的密码-
$scope.sort = function(keyname){
if($scope.ref.displayTxnList && $scope.ref.displayTxnList.length > 0)
if(checkDuplicateInObject(keyname,$scope.ref.displayTxnList) > 1)
{
if ($scope.sortKey == keyname) {
$scope.reverse = !$scope.reverse;
} else {
$scope.sortKey = keyname;
$scope.reverse = false;
}
}
$scope.currentPage = 1;
}
这个片段是-
<table class="table table-hover table-standard">
<thead>
<th ng-click="sort('dateCol')"></th>
</thead>
<tbody>
<tr ng-repeat="t in ref.displayTxnList | orderBy:sortKey:reverse | startFrom:( currentPage - 1 ) * pageSize | limitTo: pageSize track by $index">
...
</tr>
</tbody>
</table>
...
根据,我们可以将多个参数提供给orderBy
作为-|orderBy:expression:reverse:comparator
。因此,利用相同的方法,我们可以使用一个以上的orderBy
,如下所示-
...
其中,我提供了反向
作为假
,这给了我降序
<tr ng-repeat="t in ref.displayTxnList | orderBy:'dateCol':false | orderBy:sortKey:reverse | startFrom:( currentPage - 1 ) * pageSize | limitTo: pageSize track by $index">
...
</tr>