title: ng-repeat filter by array of object only by specific properties
body: <p>I have an array of objects that I am ng-repeating over. I have a search box to filter results. Each object contains a variety of properties, some of which aren't relevant to the search filter. I'd like to limit the filter to only 2 of the properties. In the example below, I'd like to ignore the 'gender' property and only filter by 'name' or 'phone'.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Example - example-example52-production&lt;/title&gt;
    
  
    &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"&gt;&lt;/script&gt;
    
  
    
  &lt;/head&gt;
  &lt;body ng-app=""&gt;
      &lt;div ng-init="friends = [{name:'John', phone:'555-1276', gender: 'male'},
                             {name:'Mary', phone:'800-BIG-MARY', gender: 'female'},
                             {name:'Mike', phone:'555-4321', gender: 'male'},
                             {name:'Adam', phone:'555-5678', gender: 'male'},
                             {name:'Julie', phone:'555-8765', gender: 'female'},
                             {name:'Juliette', phone:'555-5678', gender: 'female'}]"&gt;&lt;/div&gt;
  
    Search: &lt;input ng-model="searchText"&gt;
    &lt;table id="searchTextResults"&gt;
      &lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Phone&lt;/th&gt;&lt;/tr&gt;
      &lt;tr ng-repeat="friend in friends | filter:searchText"&gt;
        &lt;td&gt;{{friend.name}}&lt;/td&gt;
        &lt;td&gt;{{friend.phone}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>