angular.js - 怎樣實(shí)現(xiàn)點(diǎn)擊 “分?jǐn)?shù)” 后按分?jǐn)?shù)升序和降序排列?
問題描述
如下代碼實(shí)現(xiàn)了刷新自動(dòng)降序排列,如何實(shí)現(xiàn)點(diǎn)擊事件,點(diǎn)擊后才升序和降序排列?
問題解答
回答1:首先,樓上說的對(duì),你ng-repeat放錯(cuò)位置了,應(yīng)該放在tr了。
ng-click如果只是按分?jǐn)?shù)排序,可以不傳參數(shù);如果課程名和臉也排序,那就傳參數(shù),調(diào)同一個(gè)方法。
分?jǐn)?shù)排序這個(gè)地方,controller里聲明一個(gè)排序標(biāo)識(shí),升序或者降序都可以,用來記錄當(dāng)前在排序的狀態(tài)的。出發(fā)sort()這個(gè)排序方法的時(shí)候先判斷狀態(tài),根據(jù)狀態(tài)來判斷排序方式。并把標(biāo)識(shí)放到’score’那個(gè)位置,后面那個(gè)翻轉(zhuǎn)不要了。
orderBy:sortFlag
controller里面切換sortFlag的值。
$scope.sortFlag = ’score’; //聲明標(biāo)識(shí)變量并初始化排序方式$scope.sort = function(){ $scope.sortFlag = $scope.sortFlag === ’score’ ? ’-score’ : ’score’; //’-score’ 減號(hào),變換排序方式}回答2:
你ng-repeat的位置放錯(cuò)了吧,應(yīng)該放在tr那里吧
相關(guān)文章:
1. javascript - 數(shù)組原聲方法中的一段代碼2. python小白的基礎(chǔ)問題 關(guān)于while循環(huán)的嵌套3. MySQL客戶端吃掉了SQL注解?4. javascript - JS設(shè)置Video視頻對(duì)象的currentTime時(shí)出現(xiàn)了問題,IE,Edge,火狐,都可以設(shè)置,反而chrom卻...5. 求大神幫我看看是哪里寫錯(cuò)了 感謝細(xì)心解答6. javascript - 百度echarts series數(shù)據(jù)更新問題7. python - Django分頁(yè)和查詢參數(shù)的問題8. javascript - 圖片能在網(wǎng)站顯示,但控制臺(tái)仍舊報(bào)錯(cuò)403 (Forbidden)9. php自學(xué)從哪里開始?10. phpstady在win10上運(yùn)行
