title: angular multiple filters for ng-repeat items
body: <p>I've an ng-repeat list with multiple filters.</p>
  
  <pre><code>    &lt;div class="search pull-right"&gt;
          &lt;div class="magnify"&gt;&lt;img src="img/magnify.png" ng-click="magnify()"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="search-box" ng-show="showSearch"&gt;
          &lt;input type="search" id="searchField" name="" value="" placeholder="Search" class="textfield" ng-model="search.firstName" /&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>List 1 (attendee.chat is not 0) gets affect by search TextField</p>
  
  <pre><code>        &lt;ul class="table-view"&gt;      
              &lt;li class="table-view-cell attendee" ng-repeat="attendee in attendees | filter:search | filter:attendee.chat"&gt;
                  &lt;h2 class="name"&gt;{{attendee.firstName}} {{attendee.lastName}}&lt;/h2&gt;
                  &lt;span class="job"&gt;{{attendee.title}}&lt;/span&gt;
                  &lt;span class="company"&gt;{{attendee.company}}&lt;/span&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>List 2 (attendee.chat is 0) but also gets affect by search TextField</p>
  
  <pre><code>&lt;ul class="table-view"&gt;      
                  &lt;li class="table-view-cell attendee" ng-repeat="attendee in attendees | filter:search | filter:attendee.chat"&gt;
                      &lt;h2 class="name"&gt;{{attendee.firstName}} {{attendee.lastName}}&lt;/h2&gt;
                      &lt;span class="job"&gt;{{attendee.title}}&lt;/span&gt;
                      &lt;span class="company"&gt;{{attendee.company}}&lt;/span&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>any DRY approach would also be appreciated since I've two similar templates up there. (difference is attendee.chat it can be 0 or any positive number)</p>