title: Angular JS Filter is not getting applied in ng-repeat
body: <p>I have an element of input type search. I am not able to apply filter on this. </p>
  
  <pre><code>&lt;label class="item-input-wrapper" style="font-size:20px!important;"&gt;
    &lt;i class="icon ion-ios-search placeholder-icon"&gt;&lt;/i&gt;
    &lt;input type="search" style="width:45%;font-size:20px!important;" placeholder=" Search" ng-model="searchText.text"&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>Here in this case filter is not being applied, where as if I don't use <code>ng-if</code>, I am able to apply filter. Please help as I don't want to remove <code>ng-if</code> as I have some reason to keep it.</p>
  
  <pre><code>&lt;div class="w-clearfix product-row" ng-show="isListViewShown" **ng-repeat="product in arrayOfProducts | 
          filter : searchText.text " ng-if="$index % 4 === 0"&gt;**
                          &lt;div class="_4-col" ng-if="$index &lt; 
          arrayOfProducts.length"&gt;
                             product.name 
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>