Question

85

angular ng-repeat in reverse

rated 0 times [ 91] [ 6] / answers: 1 / hits: 189324 / 11 Years ago, thu, march 7, 2013, 12:00:00

How can i get a reversed array in angular?
i'm trying to use orderBy filter, but it needs a predicate(e.g. 'name') to sort:

<tr ng-repeat=friend in friends | orderBy:'name':true>

      <td>{{friend.name}}</td>

      <td>{{friend.phone}}</td>

      <td>{{friend.age}}</td>

<tr>

Is there a way to reverse original array, without sorting.
like that:

<tr ng-repeat=friend in friends | orderBy:'':true>

      <td>{{friend.name}}</td>

      <td>{{friend.phone}}</td>

      <td>{{friend.age}}</td>

<tr>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bryantc

Add To Favorites

Follow

Total Points: 455

Total Questions: 96

Total Answers: 110

Location: San Marino

Member since Thu, Jun 30, 2022

2 Years ago

bryantc questions

1 How to fix TypeError: Cannot read properties of undefined (reading 'useSystemColorMode')

Tue, Dec 7, 21, 00:00, 3 Years ago

1 NextJS / vercel - 504 Error 'FUNCTION_INVOCATION_TIMEOUT'

Fri, Aug 13, 21, 00:00, 3 Years ago

1 using react router with next.js

Tue, Mar 30, 21, 00:00, 3 Years ago

1 Notification system using socket.io

Fri, Jun 5, 20, 00:00, 4 Years ago

1 prisma2: how to fetch nested fields?

Wed, May 27, 20, 00:00, 4 Years ago

View All

answered 12 Years ago darrell · Accepted Answer

I would suggest using a custom filter such as this:

app.filter('reverse', function() {

  return function(items) {

    return items.slice().reverse();

  };

});

Which can then be used like:

<div ng-repeat=friend in friends | reverse>{{friend.name}}</div>

See it working here: Plunker Demonstration

This filter can be customized to fit your needs as seen fit. I have provided other examples in the demonstration. Some options include checking that the variable is an array before performing the reverse, or making it more lenient to allow the reversal of more things such as strings.