I want to avoid the latency in display of initial JavaScript-rendered views. I want the user to see content immediately and have Angular take it from there. I do not want to just replace this ng-view when Angular ngRoute kicks in as a blink will likely happen. I only want it to replace it once the user hits another route.

Let's imagine this is the base route `'/'`. This would already exist in my HTML, rendered from the server.

```
<div ng-view>
<h1>Welcome. I am the first view.</h1>
<p>Please do not replace me until a user has triggered another route.</p>
</div>

```

I know that a common approach is to have some server-side code in an `ng-view` and when Angular loads it just replaces it. This is not what I'm looking to do. I want Angular to load and understand that this is actually already my first view.

Any creative ideas as to how to do this? I've looked at the source code- no luck. Maybe even a way to have Angular only replace the HTML if it is different.

Edit:
I am not looking to render templates on the server-side for use as Angular templates. I am looking to render my entire `index.html` on the server-side, and that would already contain everything the user needs to see for this initial base route.