<!DOCTYPE html>
<html>

<head>
  <meta charset=utf-8 />
  <title>Array Filters</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.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" ng-controller="MyCtrl">
  <input ng-model="username" type="text" placeholder="Flters">
  <ul ng-repeat="user in users | filter:username ">
    <li>{{user.name | uppercase }}</li>
  </ul>
</body>

</html>
// Code goes here

/* Styles go here */