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

READ :  AngularJS Folder Structure - Web development

Syntax of reverse filter

[php]
{{ orderBy_expression | orderBy : expression : reverse}}
[/php]

angular ng-repeat in reverse Example

[php]

{{cat.name}}

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

[/php]

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

[php]

[/php]

angularjs – Reverse list in ng-repeat Example

[php]

http://jquery-1.9.1.min.js
http://angular.min.js

angular.module(‘liveApp’, []).controller(‘Ctrl’, function($scope) {
$scope.products = [1, 2, 3, 4];
$scope.reverse = function(array) {
var copy = [].concat(array);
return copy.reverse();
}
});

  • {{product}}
  • {{product}}
READ :  Angular Routing and Views Templating Tutorial

[/php]

Descending order by date filter in AngularJs

[php]

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

[/php]
Example

angularjs table reverse ng-repeat example

index.html
[php]

  • {{item.srno}} :: {{item.web}}

[/php]
Script.js
[php]
function liveCtrl($scope) {
$scope.posts = [
{web: ‘a’, srno: 1},
{web: ‘b’, srno: 2},
{web: ‘c’, srno: 3},
];
}
[/php]

orderBy multiple fields in Angular Example

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

[php]

{{stud.post}}-{{stud.sub}}

[/php]

json
[php]
$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}];
[/php]

Example

Leave a Comment