```
<title ng-show="pageName">{{ $root.pageName }} - Domain Name</title>

```

I'm trying to change the page title dynamically, when the page is loading the title preloads `{{ $root.pageName }} - Domain Name` instead of being `- Domain Name` then loading `$rootScope.pageName` when its rendered.

Is there a way to hide `{{ $root.pageName }}` from being shown on page load till the application picks up the variable?