Using Angular's orderBy filter with a function that has parameters

Question

I have an array of objects where most of the parameters are functions that are passed different parameters. Is it possible to use Angular's orderBy filter with these properties? One variation of what I've tried that's not working:

<tr ng-repeat="warrior in warriors | orderBy: dps(vm.orderTarget)">
    <td>{{warrior.name}}</td>
    <td>{{warrior.dps(vm.target1)}}</td>
    <td>{{warrior.dps(vm.target2)}}</td>
    <td>{{warrior.dps(vm.target3)}}</td>
</tr>

Most best practices say to use controllerAs and never $scope, and vm is a very common default for controllerAs, standing for 'view model.' — TiggerToo
– TiggerToo, Commented Jan 12, 2017 at 21:19

Slava Utesinov · Accepted Answer · 2017-01-12 07:39:09Z

1

Try this tricky solution:

<tr ng-attr-temp="{{warrior.temp=warrior.dps(vm.orderTarget)}}" ng-repeat="warrior in warriors | orderBy: 'temp'">
    <td>{{warrior.name}}</td>
    <td>{{warrior.dps(vm.target1)}}</td>
    <td>{{warrior.dps(vm.target2)}}</td>
    <td>{{warrior.dps(vm.target3)}}</td>
</tr>

edited Jan 12, 2017 at 7:39

answered Jan 12, 2017 at 6:41

Slava Utesinov

13.5k2 gold badges22 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

TiggerToo Over a year ago

Like a charm, thanks. Now to see how to change the sorting stat and reverse them!

Collectives™ on Stack Overflow

Using Angular's orderBy filter with a function that has parameters

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related