AngularJS filter Example

HTML

<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<div ng:app="myApp">
  <div ng-controller="HelloCntl">
    <div>
      <input type="text" ng-model="searchText" placeholder="Enter Search Text" />
      <br>
      <br>
    </div>
    <table>
      <thead>
        <th>Person</th>
        <th>Salary PA</th>
        <th>Date Of Joining</th>
        <th>Programs Completed</th>
      </thead>
      <tbody ng-repeat="person in people|filter:searchText">
        <td>{{person.name}}</td>
        <td>{{person.salaryPA}}</td>
        <td>{{person.Doj|date:"MM/dd/yyyy"}}</td>
        <td>{{person.ProgramsCompleted|number}}</td>
      </tbody>
    </table>
  </div>
</div>

JavaScript

angular.module('myApp', []).controller("HelloCntl", HelloCntl);

function HelloCntl($scope) {
  var people = [{
    name: "Hulk",
    salaryPA: 25000,
    Doj: new Date("March 18, 2014"),
    ProgramsCompleted: 250,
  }, {
    name: "Superman",
    salaryPA: 12000,
    Doj: new Date("March 18, 2014"),
    ProgramsCompleted: 200,
  }, {
    name: "Batman",
    salaryPA: 12500,
    Doj: new Date("January 18, 2014"),
    ProgramsCompleted: 180,
  }];
  $scope.people = people;
}