<!DOCTYPE html>
<html>
<head>
<script src="https://code.angularjs.org/1.4.0-beta.6/angular.js"></script>
<script>
var app = angular.module("myApp", []);
app.controller("MyCtrl", function($scope) {
$scope.users = [{
name: "Anil Singh",
age: 30
}, {
name: "Sunil",
age: 20
}, {
name: "Viru Da",
age: 40
}, {
name: "Aradhya",
age: 1
}];
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="MyCtrl">
<div>
/*AngularJs Filters
<br/>1. Lowercase;
<br/>2. Uppercase;
<br/>3. OrderBy ;
<br/>4. Currency ;
<br/>5. Filter ; */
</div>
<div>
<br/>
</div>
<div class="form-inline">
<input ng-model="username" type="text" placeholder="Flter key">
</div>
<ul ng-repeat="user in users | filter:username | orderBy: 'age' ">
<li>{{user.name | uppercase }}</li>
<li>{{user.name | lowercase }}</li>
</ul>
</div>
</body>
</html>
// Code goes here
/* Styles go here */