demo http://codepen.io/anon/pen/qEOJBp
I can navigate from page 1 to page 2 by this link : <a href="#/threadContent">GO</a>
but couldn't get back from page 2 to page 1 using <a href="#/home">Back</a>? I wonder why? The code look flawless for me :
<ion-nav-view name="home"></ion-nav-view>
<ion-nav-view name="threadContent"></ion-nav-view>
<script type="text/ng-template" id="home.html">
<ion-view name="home">
<ion-content>
<h2>Home Page</h2>
<p>Here is the main route for the app.</p>
<a href="#/threadContent">GO</a>
</ion-content>
</ion-view>
</script>
<script type="text/ng-template" id="threadContent.html">
<ion-view name="threadContent" title="Thread Content">
<ion-content>
<a href="#/home">Back</a>
<h2>Using the app</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis architecto hic officia quasi excepturi sequi deleniti maiores consectetur veritatis sint?</p>
</ion-content>
</ion-view>
</script>
I think you should not use named views if you don't need it. If I understand correclty what you want, all you need is only one <ion-nav-view></ion-nav-view> in your page.
You need to name a view only if you want to have states modifying more than one area of your page. See ui-router docs for more.
You also have to change your default state to $urlRouterProvider.otherwise('home'); (not '/home').
Here is a working codepen http://codepen.io/anon/pen/ogjRwP