title: AngularJS dynamic page title keeps loading curly brackets first
body: <pre><code>&lt;title ng-show="pageName"&gt;{{ $root.pageName }} - Domain Name&lt;/title&gt;
  </code></pre>
  
  <p>I'm trying to change the page title dynamically, when the page is loading the title preloads <code>{{ $root.pageName }} - Domain Name</code> instead of being <code>- Domain Name</code> then loading <code>$rootScope.pageName</code> when its rendered.</p>
  
  <p>Is there a way to hide <code>{{ $root.pageName }}</code> from being shown on page load till the application picks up the variable?</p>