Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - JS $filter</title> </head> <body ng-app="mojApp" ng-controller="MojCtrl"> Složeno filtriranje u JS pomoću $filter, ng-click i ng-change. <hr> <br><br> <ol style="color:#3333FF"> <li ng-repeat="elem in niz_obj2">{{elem.ime+' - '+elem.godiste}}</li> </ol> limitTo:<input ng-model="lmtNo" size="3"> <button ng-click="lmt(lmtNo)">Ogranči na {{lmtNo}}</button> <button ng-click="lmt(niz_obj.length)">Ispiši svih {{niz_obj.length}}</button> <br> <br><button ng-click="ord_abc()">Poredaj po abecednom redu</button> <br> <br> <select ng-model="tf" ng-change="ord_god()"> <optgroup label="GODIŠTE"> <option value="true">Veće ka manjem</option> <option value="false">Manje ka većem</option> </select> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope, $filter){ //model $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 ]; //init $scope.lmtNo=3; $scope.niz_obj2=$scope.niz_obj; //limitiranje ispisa $scope.lmt = function(n){ $scope.niz_obj2 = $filter('limitTo')($scope.niz_obj, n); } //poredjanje imena po abecednom redu $scope.ord_abc = function(){ $scope.niz_obj2 = $filter('orderBy')($scope.niz_obj2, 'ime'); } //poredjanje godista $scope.ord_god = function(){ $scope.niz_obj2 = $filter('orderBy')($scope.niz_obj2, 'godiste', $scope.tf); } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/46filterjs_orderby_limitto.html
.