奇怪的浏览行为与离子框架

问题描述：

演示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>

在你的情况，你不需要命名为每个模板的视图。检查这个http://codepen.io/anon/pen/jEbomq ..它的作品！ – Asik 2014-12-04 12:37:48

我现在很困惑，那么命名是什么？如果我只是使用一个 ion-nav-view>而不是2，它也可以。omg im confused。 – mike19911 2014-12-04 12:50:02

是的，我自己也困惑:)但我没有同时在多个视图上工作。如果我有机会，我会回到这里。 – Asik 2014-12-04 13:10:13

答

我想你不应该使用命名的视图，如果你不需要它。如果我了解您想要的内容，只需在您的页面上输入<ion-nav-view></ion-nav-view>即可。

只有当您希望修改页面的多个区域时，才需要命名视图。见ui-router docs for more。

您还必须将您的默认状态更改为$urlRouterProvider.otherwise('home');（不是'/ home'）。

这里是一个工作codepen http://codepen.io/anon/pen/ogjRwP

看起来像我是混淆btw视图和状态..什么时候会有不同的ion-nav-view需要呢？ – mike19911 2014-12-04 12:59:42

查看就像一个占位符，您希望您的内容更改。以下是ui-router对状态的描述：“状态对应于应用程序中的一个”位置“，用于描述整个UI和导航。状态描述（通过控制器/模板/视图属性）UI的外观和用途在这个地方各国通常有共同的东西，在这个模型中分解这些共同点的主要方式是通过国家层次结构，即父/子状态又名嵌套状态。“ – 2014-12-04 13:02:34

我仍然不清楚你的发言。我们的问题是为什么这个“home”页面不能从“threadcontent”页面中运行。但它反向工作（主线程内容）？ – Asik 2014-12-04 13:14:41

奇怪的浏览行为与离子框架

相关推荐