title: Angular ng-repeat very slow for 2000 elements in IE8
body: <p>I'm writing an Angular based application. It has to support IE8 :-( When I have 2000 two way bindings on the page, loading of the page on IE8 is so slow that the browser actually times out.</p>
  
  <p>Below is a very simple page that illustrates the problem. It creates an array with 2000 objects in JavaScript (not in DOM) and then assigns that array to a variable in the scope.</p>
  
  <p>This works fine in IE9 and Chrome. With 500 two way bindings, IE8 takes a few seconds. However, cutting down the number of two way bindings on the page to less than 2000 would be very hard in my case. </p>
  
  <p>Would greatly appreciate any solutions whereby I can load 2000 two way bindings with IE8 within a few seconds.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="perfModule"&gt;
  &lt;head&gt;
      &lt;script src="angular.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          function Phone(name, snippet) {
              this.name = name;
              this.snippet = snippet;
          }
  
          var perfModule = angular.module('perfModule', []);
  
          perfModule.controller('perfCtrl', function ($scope) {
              var phones = [];
              for (var i = 0; i &lt; 2000; i++) {
                  phones.push(new Phone('Nexus S', 'Fast just got faster with Nexus S.'));
              }
              $scope.phones = phones;
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="perfCtrl"&gt;
        &lt;ul&gt;
          &lt;li ng-repeat="phone in phones"&gt;
              {{$index}}: &lt;input ng-model="phone.name"&gt; {{phone.name}} - {{phone.snippet}}
          &lt;/li&gt;
        &lt;/ul&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>