angular.js - 怎样实现点击 “分数” 后按分数升序和降序排列？

Question

如下代码实现了刷新自动降序排列，如何实现点击事件，点击后才升序和降序排列？

Answer 1

First of all, what you said above is right, your ng-repeat is in the wrong place, it should be in tr.

ng-click If you only sort by score, you don’t need to pass parameters; if course names and faces are also sorted, then pass parameters and call the same method.

For fractional sorting, a sorting flag is declared in the controller, either in ascending or descending order, to record the current sorting status. When starting the sort() sorting method, first determine the status, and then determine the sorting method based on the status. And put the logo in the 'score' position, and don't flip the latter one.

orderBy:sortFlag

Switch the value of sortFlag in the controller.

$scope.sortFlag = 'score'; //声明标识变量并初始化排序方式
$scope.sort = function(){
    $scope.sortFlag = $scope.sortFlag === 'score' ? '-score' : 'score';
    //'-score' 减号，变换排序方式
}

Answer 2

You placed ng-repeat in the wrong place, it should be placed in tr