sorting ng-repeat on a dynamic array with angular

Question

I have an array of data that gets populated dynamically via a socket event. However I can't sort the array properly with angular's ng-repeat:

socket.on('twitter:item', function(data){
    var item = data;

    item.time = moment(data.time).valueOf();
    item.date = formatTime(data.time);

    $scope.twitter.push(item);
});


<li ng-repeat="item in twitter | orderBy:time:true">
    <a href>{{item.title}}</a> - {{item.time}} {{item.date}}
</li>

The html always shows the most recent at the bottom of the ordered list...I want it at the top (thus the orderBy:time:true (or false) where time is milliseconds. Neither of which work.

i messed up reading the docs. but it is either true or false (updated post) — chovy
– chovy, Commented Dec 19, 2013 at 7:20
Try <li ng-repeat="item in twitter | orderBy:'time':true"> — Banana-In-Black
– Banana-In-Black, Commented Dec 19, 2013 at 7:26

Banana-In-Black · Accepted Answer · 2013-12-19 07:41:55Z

2

Try <li ng-repeat="item in twitter | orderBy:'time':true">.

orderBy accepts an expression string as its first argument. It will be evaluated to a value.
And time will be evaluated as undefeind since it's not existed in scope.

Use single quotation to make 'time' evaluated as string.

edited Dec 19, 2013 at 7:41

answered Dec 19, 2013 at 7:29

Banana-In-Black

2,5571 gold badge29 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

sorting ng-repeat on a dynamic array with angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related