angular.js - 怎样实现点击 “分数” 后按分数升序和降序排列?
黄舟
黄舟 2017-05-15 16:58:26
0
2
562

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

reply all(2)
漂亮男人

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' 减号,变换排序方式
}
習慣沉默

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!