Order json array alphabetically in angular.js when there is no key/value association [duplicate]

Question

I'm trying to alphabetize a list based on a json array, but I cant seem to get it to work. My current code looks like this. Here is a link to the jsfiddle http://jsfiddle.net/hxxLaxL3/

HTML

<div ng-app>
  <div ng-controller="Ctrl">
    <li ng-repeat="f in friends | orderBy:'f'">{{f}}</li>      
  </div>
</div>

Angular

function Ctrl($scope) {
  $scope.friends =
      ['C',
      'B',
      'Z',
      'S'];
}

Output

C
B
Z
S

Desired Output

B
C
S
Z

$scope.friends = ['C', 'B', 'Z', 'S'].sort(); is probably easiest — Rhumborl
– Rhumborl, Commented Dec 1, 2014 at 15:37
orderBy:'toString()' stackoverflow.com/questions/14493116/… — micha
– micha, Commented Dec 1, 2014 at 15:53

Alexey Semenyuk · Accepted Answer · 2014-12-01 15:53:19Z

2

Change orderBy:'f' to orderBy:'toString()'

    <div ng-app>
      <div ng-controller="Ctrl">
        <li ng-repeat="f in friends | orderBy:'toString()'">{{f}}</li>      
      </div>
    </div>

answered Dec 1, 2014 at 15:53

Alexey Semenyuk

3,3032 gold badges35 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Order json array alphabetically in angular.js when there is no key/value association [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related