title: Use AngularJS ng-repeat Filter to Match on Multiple Results?
body: <p>I've attached ng-model to &lt;select&gt; in AngularJS to narrow the results of my dataset as such:</p>
  
  <pre><code>&lt;select ng-model="search_terms.fruit"&gt;
   &lt;option&gt;Fruit&lt;/option&gt;
   &lt;option ng-repeat="fruit in search_fruits"&gt;{{ fruit }}&lt;/option&gt;
  &lt;/select&gt;
  &lt;select ng-model="search_terms.color"&gt;
   &lt;option&gt;Color&lt;/option&gt;
   &lt;option ng-repeat="color in search_colors"&gt;{{ color }}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;div ng-repeat="food in foods | filter:{fruit:search_terms.fruit, color:search_terms.color} | orderBy:orderProp"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>Currently this filter shows foods that are both the fruit <em>and</em> color that match the filter, but I'd <em>also</em> like the filter to match the fruits no matter what color they are when the fruit is selected and "Color" selected for the color (as well as match the color no matter what fruit when the color is selected and "Fruit" selected for the fruit).  Can I do this?  Thanks!</p>