AngularJS really slow at rendering with about 2000 elements? AngularJS really slow at rendering with about 2000 elements? angularjs angularjs

AngularJS really slow at rendering with about 2000 elements?


In AngularJS 1.3+, there is One-time binding built-in:

The main purpose of one-time binding expression is to provide a way to create a binding that gets deregistered and frees up resources once the binding is stabilized. Reducing the number of expressions being watched makes the digest loop faster and allows more information to be displayed at the same time.

In order to make the one-time binding, prepend :: to the binding value:

<div>{{::name}}</div> 

Also see relevant discussions:


You should look at bindonce if you don't need to update the UI after the data has been bound to it. bindonce can also wait until an object has been loaded and then do the binding. It will save you a bunch of time and reduce your $watch()es dramatically when used right.


That's due to how AngularJS does dirty checking. Here's a definitive answer to slow rendering with AngularJS.