AngularJS custom orderBy from the same variable

Question

In my view I am doing this:

<div ng-repeat="item in items">
  {{item.some_key}}
</div>

some_key variable has only 3 type of string output: "unsafe", "elevated" and "trace". I want to order output of items in this order: first all items which have unsafe, then "elevated" and at the end "trace" ... I can't do this in a simple orderBy filter ... How to achieve this?

Thanks for a help in advance!

create a custom filter ... see filter docs ... or map the data in controller — charlietfl
– charlietfl, Commented Jan 20, 2015 at 17:57

tymeJV · Accepted Answer · 2015-01-20 18:00:00Z

2

Make a custom orderBy

<div ng-repeat="item in items | orderBy: statusEvent">
    {{item.some_key}}
</div>

$scope.statusEvent = function(item) {
    if (item.some_key == "unsafe") return 0
    else if (item.some_key == "elevated") return 1
    else if (item.some_key == "trace") return 2
    else return 3
}

answered Jan 20, 2015 at 18:00

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

Matas Over a year ago

Thank you! This clarifies the issue a lot!

Gabriele Petrioli · Accepted Answer · 2015-01-20 18:09:47Z

1

Use a custom filter

var orders = {
  unsafe:0,
  elevated:1,
  trace:2
}
$scope.someKeyOrder = function(item){
  return orders[item.some_key];
}

and use it

ng-repeat="item in items | orderBy: someKeyOrder"

Demo at http://plnkr.co/edit/4Tjsc8?p=preview

answered Jan 20, 2015 at 18:09

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

Collectives™ on Stack Overflow

AngularJS custom orderBy from the same variable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related