How to obtain previous item in ng-repeat?

by

You can do something like

<div ng-app="test-app" ng-controller="MyController">
    <ul id="contents">
      <li ng-repeat="content in contents">
          <div class="title">{{$index}} - {{content.title}} - {{contents[$index - 1]}}</div>
      </li>
    </ul>
</div>

JS

var app = angular.module('test-app', []);

app.controller('MyController', function($scope){
    $scope.contents=[{
        title: 'First'
    }, {
        title: 'Second'
    }, {
        title: 'Third'
    }]
})

Demo: Fiddle

Be careful: $index is for the directive array, which may be different than the scope array. Use an inline variable to access the correct array. 

<li ng-repeat="content in (correctContents = (contents | orderBy:'id'))">
  {{ correctContents[$index - 1] }} is the prev element
</li>

If you filter or orderBy, contents[$index] != content.

More Related Contents:

  1. How to iterate over the keys and values with ng-repeat in AngularJS?
  2. How to make ng-repeat filter out duplicate results
  3. AngularJS For Loop with Numbers & Ranges
  4. Calculating sum of repeated elements in AngularJS ng-repeat
  5. Difficulty with ng-model, ng-repeat, and inputs
  6. Angular ng-repeat add bootstrap row every 3 or 4 cols
  7. Angular ng-repeat conditional wrap items in element (group items in ng-repeat)
  8. ng-repeat filtering data by date range
  9. Preserve line breaks in angularjs
  10. How to use ng-repeat for dictionaries in AngularJs?
  11. Directive isolate scope with ng-repeat scope in AngularJS
  12. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  13. Ng-click doesn’t work inside ng-repeat
  14. AngularJS – How can I reference the property name within an ng-Repeat
  15. AngularJS : ng-repeat filter when value is greater than
  16. When not to use ‘track by $index’ in an AngularJS ng-repeat?
  17. AngularJS Group By Directive without External Dependencies
  18. Angular orderBy number sorting as text in ng-repeat
  19. Using comma as list separator with AngularJS
  20. How to use “ng-repeat” within template of a directive in Angular JS?
  21. AngularJs Remove duplicate elements in ng-repeat
  22. Using ng-if as a switch inside ng-repeat?
  23. What is `priority` of ng-repeat directive can you change it?
  24. AngularJS – Filter empty objects
  25. Filtering an Angular 1.2 ng-repeat with “track by” by a boolean property
  26. How to highlight a selected row in ngRepeat?
  27. ng-repeat specify a starting index
  28. angularjs text area character counter
  29. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  30. Highlighting a filtered result in AngularJS

Leave a Comment