title: Filter performance with ng-repeat with multiple ng-show inside
body: <p>I have a ng-repeat with multiple ng-show condition inside. Something like this (fictive example):</p>
  
  <p>
      </p>
  
  <pre><code>&lt;ul&gt;
    &lt;li ng-repeat="item in items | filter:searchFilter" &gt;
      &lt;label ng-show="item.label==1"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==2"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==3"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==4"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==5"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==1"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==2"&gt;{{item.label}}&lt;/label&gt;
      &lt;label ng-show="item.label==1"&gt;{{item.label}}&lt;/label&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am using ng-show for formatting purpose, e.g. :</p>
  
  <p>I want to show the cellphone column, when the item.cellphone is not empty...</p>
  
  <p>I have a big data source (+1000 rows) and I have noticed performance problem when I use the filter. </p>
  
  <p>If I remove most of the ng-show conditions, the performance is good. Here's live example :</p>
  
  <ol>
  <li><a href="http://jsbin.com/xatimihubu/1/" rel="nofollow noreferrer">Ng-show performance problem</a></li>
  <li><a href="http://jsbin.com/xatimihubu/2/" rel="nofollow noreferrer">Without ng-show</a></li>
  </ol>
  
  <p>I know you can improve the performance with a "track by" (<a href="https://stackoverflow.com/a/17971632/2171260">here's an topic about it</a>), but it look like it is not enough to make the filter "smooth" (at least, not too laggy).</p>
  
  <p>Is there a way to improve the filter performance of ng-repeat with multiple ng-show condition and a large data source ?</p>