Use a ng-show based filter in angularjs ng-repeat directive. When dealing with many filters, or lots of data it improves the performance, since the elements are only hidden and not removed from DOM + scope.

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.1.5" data-semver="1.1.5" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp" ng-controller="Ctrl">
    <h2>ng-show based filters for ng-repeat</h2>
    <input ng-model="query" />
    <ul>
      <li ng-repeat="item in items" ng-show="([item.name] | filter:query).length">{{item.name}}</li>
    </ul>
    
    
  </body>

</html>

angular.module('myApp', []);

angular.module('myApp').controller('Ctrl', ['$scope', function($scope) {
    $scope.items = [{name:"John"}, {name:"Adam"}, {name:"Ado"}, {name:"Chris"}, {name:"Heather"}, {name:"Stan"}]
}]);

/* Styles go here */