title: ng-repeat filter with filtered properties
body: <p>I have a list of data that I would like to search through using Angular's typical filtering.</p>
  
  <p>I have an array of objects (one of a few below):</p>
  
  <pre><code>{
     vendor: 'Joan\'s Produce',
     date: '2014-04-07',
     total: 888.11,
     note: 'insert note',
     description: 'fresh produce',
     terms: 'Net 10',
     deliverer: 'Joe Truck',
     paid: true
  }
  </code></pre>
  
  <p>In the <code>&lt;thead&gt;</code> I have input fields to search the date and total fields.</p>
  
  <pre><code>&lt;th style="vertical-align:text-top; width:250px;"&gt;Date&lt;br /&gt;
      &lt;div class="input-group input-group-sm"&gt;
          &lt;input type="text" class="form-control" ng-model="dateQuery.date" /&gt;
          &lt;span class="input-group-addon"&gt;&lt;button type="button" class="close" aria-hidden="true" ng-click="dateQuery=''"&gt;&amp;times;&lt;/button&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/th&gt;
  </code></pre>
  
  <p>The data in the table has a filter of it's own:</p>
  
  <pre><code>&lt;tr ng-repeat="inv in invoices | filter:dateQuery | filter:amountQuery"&gt;
      &lt;td&gt;{{inv.date | date:'MM/dd/yyyy'}}&lt;/td&gt;...
      &lt;td&gt;{{inv.total | currency}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The filters within the <code>ng-repeat</code> format the date and change the total to a currency.  When I now search those filters, it seems to only search the raw data from which the ng-repeat is pulling from.</p>
  
  <p><em>Is there a way to build the input filters in a way that they will search the filtered result?</em> For instance I have to search the dates with 2014-04-07, and can't add a $ in the total filter.</p>
  
  <p><a href="http://www.initrode.co/#/project/y5w4620529" rel="nofollow"><strong>I have build a demo here</strong></a></p>