how to sort an array of strings alphabetically with angular orderBy filter?

Question

I have a model that contains a list of countries

$scope.model = {
    name: "foo",
    countriesVisited: ["CA", "AR", "GB", "FR", "MX", "AU", "IE", "RU", "IT", "ES", "IN", "US", "NL", "DE", "CL", "BR", "JP", "NZ", "PL"]
  }

Using an ng-repeat directive lists them in the order they are shown. Putting an orderBy filter does order the items, but the order is seemingly random. See this plunker

Remove the filter and watch the output shift. Paste it back and it's in a weird order.

Is there a way to get the countriesVisited array to order without moving it to it's own $scope variable?

Amadan · Accepted Answer · 2014-10-27 02:20:12Z

18

<li ng-repeat="country in model.countriesVisited | orderBy:'toString()'">

answered Oct 27, 2014 at 2:20

Amadan

200k23 gold badges253 silver badges321 bronze badges

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

1 Comment

glepretre Over a year ago

Since values are already strings, isn't there a less greedy way to sort them? I'm just curious

rtucker88 · Accepted Answer · 2014-10-27 02:22:42Z

2

Change your orderBy to orderBy: 'toString()'. Primitives don't sort by default, but you can pass in a function as we are doing here.

answered Oct 27, 2014 at 2:22

rtucker88

9848 silver badges15 bronze badges

2 Comments

rakitin Over a year ago

ok - to clarify, this is converting each item in the array from a string type to a string object, correct? Why is it that primitives do not sort by default? I have read about the difference between string and String but never come across it in practice before - Thanks for the help!

rtucker88 Over a year ago

The orderBy filter is expecting an object. Check out the documentation at https://docs.angularjs.org/api/ng/filter/orderBy. You'll see three options are available for the expression: a string of the value to sort on, function, or an array of string or functions.

Collectives™ on Stack Overflow

how to sort an array of strings alphabetically with angular orderBy filter?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related