angular ng-repeat in reverse

by

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.

More Related Contents:

  1. ng-repeat finish event
  2. JQuery .each() backwards
  3. Way to ng-repeat defined number of times instead of repeating over array?
  4. How to filter multiple values (OR operation) in angularJS
  5. how to split the ng-repeat data with three columns using bootstrap
  6. How to compare two objects and get key-value pairs of their differences?
  7. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  8. AngularJS multiple filter with custom filter function
  9. orderBy multiple fields in Angular
  10. AngularJS – how to get an ngRepeat filtered result reference
  11. Angular – Can’t make ng-repeat orderBy work
  12. ngRepeat Filter by deep property
  13. How To bind data using TypeScript Controller & Angular Js
  14. Access index of the parent ng-repeat from child ng-repeat
  15. JavaScript: Remove duplicates of objects sharing same property value
  16. Dynamic form name attribute in Angularjs
  17. Skip ng-repeat JSON ordering in Angular JS
  18. Understanding the ngRepeat ‘track by’ expression
  19. AngularJS ng-repeat handle empty list case
  20. Angular passing scope to ng-include
  21. Angular.js ng-repeat across multiple elements
  22. Angular.js ng-repeat filter by property having one of multiple values (OR of values)
  23. How to generates dynamically ng-model=”my_{{$index}}” with ng-repeat in AngularJS?
  24. How might I extract the property values of a JavaScript object into an array?
  25. firebase.database is not a function
  26. angularjs to output plain text instead of html
  27. Create a reset of javascript Array prototype when Array.prototype has been modified?
  28. AngularJS : Clear $watch
  29. Angular Js and google api client.js (gapi)
  30. Not a Legal JSONP API — How to get data without CALLBACK parameter

Leave a Comment