title: AngularJS really slow at rendering with about 2000 elements?
body: <p>Here's the fiddle:
  <a href="http://jsfiddle.net/D5h7H/7/">http://jsfiddle.net/D5h7H/7/</a></p>
  
  <p>It renders the following:</p>
  
  <pre><code>&lt;div ng-repeat="group in Model.Groups"&gt;
      &lt;span&gt;{{group.Name}}&lt;/span&gt;
      &lt;div ng-repeat="filter in group.Filters"&gt;
          &lt;input type="checkbox" ng-model="filter.enabled"&gt;{{filter.Name}}
          &lt;select ng-disabled="!filter.enabled"&gt;
              &lt;option ng-repeat="value in filter.Values"&gt;{{value}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It's a list of filters that is loaded in json from the server and then rendered to the user (in an example json is generated right there in Fiddle). At the moment there are 6 groups of 30 filters in each with 15 option elements for each filter.</p>
  
  <p>In Firefox it now takes about 2 seconds to redraw the UI.</p>
  
  <p>Is this time ok for angular js? Is there anything I'm doing wrong that caused 2sec. rendering (cause 2000 elements doesn't look as a big number to me, but 2sec. is certainly big)?</p>