demo http://codepen.io/anon/pen/qEOJBp
我可以通过以下链接从第1页导航到第2页:<a href="#/threadContent">GO</a>
但使用<a href="#/home">Back</a>
无法从第2页返回到第1页?我想知道为什么?代码看起来完美无瑕:
<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>
答案 0 :(得分:1)
我认为如果你不需要它,你不应该使用命名视图。如果我理解您想要的内容,那么您所需要的只是页面中的一个<ion-nav-view></ion-nav-view>
。
只有在您希望状态修改页面的多个区域时,才需要命名视图。请参阅ui-router docs for more。
您还必须将默认状态更改为$urlRouterProvider.otherwise('home');
(不是&#39; / home&#39;)。
这是一个有效的代码集http://codepen.io/anon/pen/ogjRwP