文章详情页
angular.js - 怎样实现点击 “分数” 后按分数升序和降序排列?
浏览:272日期:2024-10-06 18:44:21
问题描述
如下代码实现了刷新自动降序排列,如何实现点击事件,点击后才升序和降序排列?

问题解答
回答1:首先,楼上说的对,你ng-repeat放错位置了,应该放在tr了。
ng-click如果只是按分数排序,可以不传参数;如果课程名和脸也排序,那就传参数,调同一个方法。
分数排序这个地方,controller里声明一个排序标识,升序或者降序都可以,用来记录当前在排序的状态的。出发sort()这个排序方法的时候先判断状态,根据状态来判断排序方式。并把标识放到’score’那个位置,后面那个翻转不要了。
orderBy:sortFlag
controller里面切换sortFlag的值。
$scope.sortFlag = ’score’; //声明标识变量并初始化排序方式$scope.sort = function(){ $scope.sortFlag = $scope.sortFlag === ’score’ ? ’-score’ : ’score’; //’-score’ 减号,变换排序方式}回答2:
你ng-repeat的位置放错了吧,应该放在tr那里吧
相关文章:
1. javascript - 一排三个框,各个框的间距是15px,距离外面的白框间距也是15px,这个css怎么写?2. javascript - nodejs调用qiniu的第三方资源抓取,返回401 bad token,为什么3. html5 - javascript写业务有用到什么编程范式没?4. html5 - vue-cli 装好了 新建项目的好了,找不到项目是怎么回事?5. javascript - immutable配合react提升性能?6. javascript - vue 手机端项目在进入主页后 在进入子页面,直接按返回出现空白情况7. css3 - 微信前端页面遇到的transition过渡动画的bug8. javascript - jQuery post()方法,里面的请求串可以转换为GBK编码么?可以的话怎样转换?9. python3.x - python 中的maketrans在utf-8文件中该怎么使用10. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();
排行榜

网公网安备