使用orderBy in ng-repeat方法

我想从纳克重复我的数组的属性与排序的方法，而不是：

的index.html

<tbody> 
    <tr ng-repeat="product in results.data | orderBy: product.getAllCounter()"> 
     <!-- Product name --> 
     <td ng-bind="(product.product_offer[0].app_name === null) ? product.app.store_id : product.product_offer[0].app_name"></td> 

     <!-- Counter --> 
     <td class="text-right" ng-bind="product.getAllCounter()"></td> 

     <!-- Action --> 
     <td class="text-center"> 
      <div class="btn-group"> 
       <a ng-href="/#/product/{{ product.id }}" type="button" class="btn btn-default btn-sm"> 
        See 
       </a> 
      </div> 
     </td> 
    </tr> 
</tbody>

Product.prototype.getAllCounter

// Return result all counter in promo 
Product.prototype.getAllCounter = function() { 
    var sum = 0; 

    angular.forEach(this.product_promo_linker, function (product_promo_linker) { 
     sum += product_promo_linker.promo.count; 
    }); 

    return sum; 
};

我试过

ORDERBY：product.getAllCounter（）

和

ORDERBY：product.getAllCounter

方法product.getAllCounter返回整数

解决

我用：

<tr ng-repeat="campaign in results.data | orderBy: getAllCounter:true">

在我controller.js：

$scope.getCounter = function(product) { 
    return campaign.getAllCounter(); 
};

来源

2016-05-04 Jérémie Chazelle

已经有类似于你的问题的问题。 [检查这个问题]（http://stackoverflow.com/questions/12040395/custom-sort-function-in-ng-repeat） –

如果你想，那么你需要提供使用自定义定购功能之一：

ng-repeat="product in results.data | orderBy: product.getAllCounter"

注意：函数名后面没有()：你想使用函数引用，而不是函数结果调用。

来源

2016-05-04 08:36:08 dfsq

我试过这个，但它不起作用 –

只是通过参考

angular.module('app', []) 
 
    .controller('ctrl', function($scope) { 
 
    $scope.products = [{ 
 
     name: 'foo', 
 
     age: 2 
 
    }, { 
 
     name: 'bar', 
 
     age: 1 
 
    }, { 
 
     name: 'baz', 
 
     age: 3 
 
    }] 
 
    
 
    $scope.orderByAge = function(element) { 
 
     return element.age 
 
    } 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<ul ng-app='app' ng-controller='ctrl'> 
 
    <li ng-repeat="product in products | orderBy: orderByAge"> 
 
    {{ product.name }} - {{ product.age }} 
 
    </li> 
 
</ul>

来源

2016-05-04 13:25:03

使用orderBy in ng-repeat方法

回答

相关问题