How to make orderby filter work on array of strings?

Question

Here is the code which is not working: Demo: http://jsfiddle.net/8dt94/63/

<div ng-controller="MyCtrl">    
    <input type="text" ng-model="searchText" />
  <ul ng-repeat="strVal in arrVal|orderBy|filter:searchText" >
      <li>{{strVal}}</li>
  </ul>
</div>

var app=angular.module('myApp', []);
app.controller('MyCtrl', function ($scope,$filter) {
  $scope.arrVal = ['one','two','three','four','five','six'];  
});

I do not believe you should be using primitive values in your ng-repeat array. If not it works. (jsfiddle.net/EGVwG). — Tosh
– Tosh, Commented Jan 24, 2013 at 3:38
This question still applies to the ng-options attr of a select, which must be a list of strings. — Spain Train
– Spain Train, Commented Jul 14, 2013 at 19:57

notclive · Accepted Answer · 2013-04-07 04:04:30Z

251

You can order by a method, so you can use the toString method

<ul ng-repeat="strVal in arrVal | orderBy:'toString()' | filter:searchText">

answered Apr 7, 2013 at 4:04

notclive

2,9171 gold badge20 silver badges14 bronze badges

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

3 Comments

Amy Over a year ago

+1. Additionally you can add "track by" to the end: <ul ng-repeat="strVal in arrVal | orderBy:'toString()' | filter:searchText track by $index">

ug_ Over a year ago

Great solution, I needed an array of numbers sorted like this [2,5,3,1,6, 33] so instead f toString() I used valueOf() and it worked perfect. Thanks for the solution.

elethan Over a year ago

This worked for me too! Any idea why this trick works though?

Mark Rajcok · Accepted Answer · 2013-01-24 04:02:50Z

12

Write a custom filter:

app.filter('mySort', function() {
    return function(input) {
      return input.sort();
    }
  });

HTML:

<ul ng-repeat="strVal in arrVal|filter:searchText|mySort">

Fiddle.

answered Jan 24, 2013 at 4:02

Mark Rajcok

365k114 gold badges501 silver badges494 bronze badges

Collectives™ on Stack Overflow

How to make orderby filter work on array of strings?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related