If you want to orderby in javascript file not in HTML.
Example:
JavaScript:
var myApp = angular.module('myApp', []);
myApp.controller('StdController', function($scope, $filter) {
var StdDetails = [{
StdName: "Mohit",
StdClass: "MCA"
}, {
StdName: "Amit",
StdClass: "BSC"
}];
var Dscfiltered = $filter('orderBy')(StdDetails, 'StdName', 1);
$scope.StdDetailsDsc = Dscfiltered;
var Ascfiltered = $filter('orderBy')(StdDetails, 'StdName', 0);
$scope.StdDetailsAsc = Ascfiltered;
});
HTML
<div ng-controller="StdController">
<div>Display in <strong>dscending order</strong></div>
<table>
<tr>
<th>Student Name </th>
<th>Class</th>
</tr>
<tr ng-repeat="std in StdDetailsDsc">
<td>{{std.StdName}} </td>
<td>{{std.StdClass}}</td>
</tr>
</table>
<hr/>
<div>Display in <strong>ascending order</strong></div>
<table>
<tr>
<th>Student Name </th>
<th>Class</th>
</tr>
<tr ng-repeat="std in StdDetailsAsc">
<td>{{std.StdName}} </td>
<td>{{std.StdClass}}</td>
</tr>
</table>
</div>
I created a fiddle here with a demo:
 
No comments:
Post a Comment