Angular JS - on page load - arranging array in ascending order

Question

Is there a way that I can arrange a simple array like below:

<div ng-init="fruits=['apple','orange','mango','banana','pineapple','kiwi']">

in ascending order on page load

I tried this, but it dint work:

<ul>
<li ng-repeat="fruit in fruits | orderBy:predicate='fruit'">{{fruit}}</li>
</ul>

I'm sure there must be some pretty simple ways but since I'm a novice in Angular, would like help on this.

Anthony Chu · Accepted Answer · 2014-06-29 04:26:25Z

1

predicate='fruit' is not a valid orderBy expression (at least not a meaningful one, anyway). To orderBy items in an array as strings, use 'toString()' as the predicate...

<ul>
    <li ng-repeat="fruit in fruits | orderBy:'toString()'">{{fruit}}</li>
</ul>

JsFiddle

answered Jun 29, 2014 at 4:26

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

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

1 Comment

FlashyFuddyFuddy Over a year ago

Great! I've learnt something new and I'm happy about that! Thanks Anthony Chu :)

Collectives™ on Stack Overflow

Angular JS - on page load - arranging array in ascending order

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