<!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 */