title: How can I avoid a delay when ng-class is applied to the body tag?
body: <p>I'm using a class name on the <code>&lt;body&gt;</code> tag of a page to define whether the contents of a page is zoomed.</p>
  <pre><code>&lt;body 'ng-class'=&gt; &quot;Preferences.zoomed()&quot;&gt;
  </code></pre>
  <p>The default setting for <code>Preferences.zoomed()</code> is false and so the page loads in a non zoomed state.</p>
  <p>Unfortunately though there seems to be a brief delay in between the page loading and <code>ng-class</code> getting evaluated. This means that when the page loads (and is set to zoom) it constantly (albeit briefly) flips from the non-zoomed state to the zoomed state making things flicker unpleasantly.</p>
  <h3>I presume this is because Angular evaluates after the dom loads...</h3>
  <p>I'm guessing that this momentary state occurs because the angular isn't parsed and evaluated until after the dom completes loading. Hence the page loads with <code>zoom=false</code> and then flicks to <code>zoom-true</code>.</p>
  <h3>How can I force ng-class to be evaluated as it loads into the page?</h3>
  <p>Is there any way to force Angular to evaluate this expression as the element itself loads and to avoid this flickering?</p>