Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - limitTo filter</title> <style> th { border:2px solid silver; padding:5px; background:#F8A966; } td { border:1px solid silver; padding:3px; background:#BAD87E; } </style> </head> <body ng-app="mojApp"> Nakon učitanja stranice niz nije sortiran zbog $scope.ord=null; i $scope.rev=null;. <br>Klikom na link Ime sortiranje je po abecednom redu imena. <br>Klikom na link Godiste sortiranje po godinama od veće prema manjoj. <hr> <br><br> <table ng-controller="MojCtrl" style="font:12px Verdana"> <tr> <th><a href="#" ng-click="ord='ime';rev=false;">Ime</a></th> <th><a href="#" ng-click="ord='godiste';rev=true;">Godiste</a></th> </tr> <tr ng-repeat="elem in niz_obj | orderBy:ord:rev"> <td>{{elem.ime}}</td> <td>{{elem.godiste}}</td> </tr> <tr><td colspan="2" style="color:green">orderBy: {{ord}}:{{rev}}</td></tr> </table> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.niz_obj=[ {ime:'Marko', godiste:1975}, //1. objekt {ime:'Janko', godiste:1998}, //2. objekt {ime:'Berta', godiste:1956}, //3. objekt {ime:'Zorko', godiste:1991}, //4. objekt {ime:'Kruno', godiste:1990} //5. objekt ]; //odmah nakon ucitanja stranice nema sortiranja $scope.ord=null; $scope.rev=null; }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/43filter_orderby_lnk.html
.