title: Angular 1.x re-render
body: <p>I was rendering a large table, with multiple groups, nested ng-repeats, etc.., with thousands of model. Obviously performance to render the table was very slow, on the order of 4-5 seconds. </p>
  
  <p>I could have sped it up by using the bind once functionality (::model), but then I would never have been able to update the table. What I really needed was a way to update the markup for the entire table, rather than update individual cells (so I really do not need the individual watches for every cell in the table).</p>
  
  <p>I ended up rendering the table using JavaScript,$interpolate and $sce, which now takes less than 50ms, and the only model being watched is the html markup for the table. When a condition changes, the whole markup is regenerated and the view updated. However, this seems to defeat the purpose of Angular, having to code a view manually in JS rather than using a template.</p>
  
  <p>What I really needed was a way to use bind once (::model), to have no watches on the individual table data, along with a way to re-render a whole DOM structure, by watching a model, such as a counter that would be incremented every time a condition changed.</p>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;div id="detailTable" ng-rerender="someModel"&gt;         
       &lt;div ng-repeat... using bind once
       &lt;div ng-repeat... using bind once
       &lt;div ng-repeat... using bind once
       &lt;div ng-repeat... using bind once
             &lt;div ng-repeat... using bind once
       ...
  &lt;/div&gt;
  </code></pre>
  
  <p>However I could not find anything like this, even though it seems obvious it should exist, did I miss something?</p>