Methode mit orderBy in ng-repeat verwenden

Question

Wie kann ich eine Methode mit orderBy verwenden?

Ich möchte meine Array von ng-repeat sortieren mit einem Verfahren und nicht eine Eigenschaft:

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; 
}; 

Ich versuchte mit

orderBy: product.getAllCounter()

und

orderBy: product.getAllCounter

Verfahren product.getAllCounter return integer

GELÖST

I verwendet:

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

in meinem controller.js:

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

Answer 1

Wenn Sie benutzerdefinierte Bestellung Funktion verwenden möchten, dann müssen Sie bieten ein:

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

Hinweis: nein () nach Funktionsname: Sie möchten Funktionsreferenz, nicht Ergebnis der Funktion verwenden Aufruf.

Answer 2

gerade passieren Referenz

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>