<!DOCTYPE html> <html> <head> <title>AngularJS Array Based Input Filters</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="Array_filter"> <table border="1" width="100%"> <tr> <th ng-click="orderByMe('name')">Name</th> <th ng-click="orderByMe('country')">Country</th> </tr> <tr ng-repeat="x in names | orderBy:myOrderBy"> <td>{{x.name}}</td> <td>{{x.country}}</td> </tr> </table> </div> <script type="text/javascript"> angular.module('myApp', []).controller('Array_filter', function($scope) { $scope.names = [ {name:'Ramana',country:'India'}, {name:'Raja',country:'India'}, {name:'Mike',country:'USA'}, {name:'jhon',country:'England'}, {name:'Devid',country:'Russia'}, {name:'Roja',country:'India'}, {name:'Venkat',country:'India'}, {name:'Iqbal',country:'Pakistan'}, {name:'Karl',country:'Russia'} ]; $scope.orderByMe = function(x) { $scope.myOrderBy = x; } }); </script> </body> </html>
Output :
Topic :
Array Based Input Filters
