title: ng-repeat with multiple filters on large data set
body: <p>I'm still new to AngularJS, so I'm just trying to do a simple CRUD app. Currently I pull the data (in a JSON file) with <code>$http</code> in a <code>div</code> handled by a controller <code>MyCtrl1</code>. </p>
  
  <pre><code>function MyCtrl1($scope, $http) {
      $http.get('data/accounts.json').success(function(data) {
          $scope.accounts = data;
      ...
      }); 
  }
  </code></pre>
  
  <p>Inside this <code>div</code> is a <code>table</code> with the following <code>tbody</code>:</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr ng-repeat="account in accounts | orderBy:sort.field:sort.desc | startFrom:currentPage * pageSize | limitTo:pageSize"&gt;
          &lt;td contentEditable="true" ng-repeat="(label, value) in account" ng-show="fields[label].visible"&gt;{{value}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>The <code>orderBy</code> filter sorts according to a selected field; <code>startFrom</code> slices the array to start at a certain point; <code>limitTo</code> filters according to a preset page size. Without the pagination filters the performance was pretty terrible, but I was wonder if there was an alternative way to go about this?</p>
  
  <p>I have Batarang for Chrome and under the Performance tab it showed <code>ngRepeatWatch</code> taking up  the most time, and I reckon it has to do with all the filtering I'm doing..</p>