Custom filter for ngRepeat using objects (AngularJS)

list.html

<div ng-controller='listController'>
  <input type='text' ng-model='filterInput'>
  <ul>
    <li ng-repeat='item in items | filter:customFilter'>
      {{ item.name }}
    </li>
  </ul>
</div>

listController.js

app.controller('listController', ['$scope', function($scope){
  
  // Sample data
  $scope.items = [
    {
      id: 1,
      name: 'Item 1'  
    },
    {
      id: 2,
      name: 'Item 2'  
    },
    {
      id: 3,
      name: 'Item 3'  
    }
  ];
    
  // Our custom filter
  $scope.customFilter = function(){
    if(!$scope.filterInput) return true;
    
    var regExp = new RegExp($scope.filterInput, 'gi');
    return regExp.test(item.name);
  };
  
}]);