Angular ng-repeat reverse Example – reverse filter

Angular ng-repeat reverse Example – reverse filter

Ref: AngularJS orderBy Reverse Example

An orderBy keywords used to Filter in AngularJS sorts simple an array of data. config : The default behavior of an simple orderBy is Ascending order Means false, be it a string simple changes true or an integer data.Angular ng-repeat reverse Example – reverse filter

Syntax of reverse filter

{{ orderBy_expression | orderBy : expression : reverse}}

angular ng-repeat in reverse Example

<div>{{cat.name}}</div>

app.filter('reverse', function() {
  return function(products) {
    return products.slice().reverse();
  };
});

Angularjs orderby reverse Object print Example

I am going to display we how to sort all the Data extracted from JSON dataand array and show the all the data in Descending order By using ng-repeat directives orderBy Filter.Sorting by all the json Multiple Fields with Different type of Sort Orders Using the AngularJS used to orderby Filter

<tr>

angularjs – Reverse list in ng-repeat Example

    <a href="http://jquery-1.9.1.min.js">http://jquery-1.9.1.min.js</a>
    <a href="http://angular.min.js">http://angular.min.js</a>
    
    angular.module('liveApp', []).controller('Ctrl', function($scope) {
        $scope.products = [1, 2, 3, 4];
        $scope.reverse = function(array) {
            var copy = [].concat(array);
            return copy.reverse();
        }
    });
    


    <ul>
        <li>{{product}}</li>
    </ul>
    <ul>
        <li>{{product}}</li>
    </ul>

Descending order by date filter in AngularJs

<div class="livec">
</div>

in controller
------------
filter:orderBy(array, expression[, reverse]);

Example

angularjs table reverse ng-repeat example

index.html

<div>
    <div>
        <ul>
            <li>{{item.srno}} :: {{item.web}}</li>
        </ul>
    </div>
</div>

Script.js

function liveCtrl($scope) {
    $scope.posts = [
        {web: 'a', srno: 1},
        {web: 'b', srno: 2},
        {web: 'c', srno: 3},
    ];
}

orderBy multiple fields in Angular Example

post : Sub-post
1 – 1
1 – 2
1 – 20
2 – 1
2 – 10
2 – 11

<div>{{stud.post}}-{{stud.sub}}</div>

json

$scope.students = [{'post':1,'sub':1}, {'post':2,'sub':10}, {'post':1,'sub':2},{'post':1,'sub':20},{'post':2,'sub':1},
    {'post':2,'sub':11}];

Example