亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ng-repeat中的自定義排序功能

ng-repeat中的自定義排序功能

Cats萌萌 2019-10-17 14:14:13
我有一組顯示一定數量的磁貼,具體取決于用戶選擇的選項。我現在想通過顯示的任何數字來實現排序。下面的代碼顯示了我是如何實現的(通過在父卡范圍內獲取/設置一個值)。現在,由于orderBy函數采用一個字符串,因此我嘗試在卡范圍內設置一個名為curOptionValue的變量并以此進行排序,但它似乎不起作用。因此,問題就變成了,如何創建自定義排序功能?<div ng-controller="aggViewport" ><div class="btn-group" >    <button ng-click="setOption(opt.name)" ng-repeat="opt in optList" class="btn active">{{opt.name}}</button></div><div id="container" iso-grid width="500px" height="500px">    <div ng-repeat="card in cards" class="item {{card.class}}" ng-controller="aggCardController">        <table width="100%">            <tr>                <td align="center">                    <h4>{{card.name}}</h4>                </td>            </tr>            <tr>                <td align="center"><h2>{{getOption()}}</h2></td>            </tr>        </table>            </div></div>和控制器:module.controller('aggViewport',['$scope','$location',function($scope,$location) {    $scope.cards = [        {name: card1, values: {opt1: 9, opt2: 10}},        {name: card1, values: {opt1: 9, opt2: 10}}    ];    $scope.option = "opt1";    $scope.setOption = function(val){        $scope.option = val;    }}]);module.controller('aggCardController',['$scope',function($scope){    $scope.getOption = function(){        return $scope.card.values[$scope.option];    }}]);
查看完整描述

3 回答

?
桃花長相依

TA貢獻1860條經驗 獲得超8個贊

要將方向與orderBy函數一起包括:


ng-repeat="card in cards | orderBy:myOrderbyFunction():defaultSortDirection"

哪里


defaultSortDirection = 0; // 0 = Ascending, 1 = Descending


查看完整回答
反對 回復 2019-10-17
  • 3 回答
  • 0 關注
  • 1344 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號