Question

我很难理解Ionic如何处理离子导航视图与离子视图。我正在尝试构建一个不嵌套视图的应用程序（例如应用程序）。这就是我所做的

在index.html中，我有一个离子导航视图
我有3页。 1个登录，1个列表和1个项目（项目是点击的列表项目）
我的列表页面是离子侧菜单，而其他2是离子视图

现在回答我的问题

当我点击列表中的某个项目时，我会转到我的项目页面，但当我返回列表时，没有页面转换。这是HTML

 <ion-header-bar class="bar-dark">
   <div class="buttons">

  <button nav-transition="slide-left-right" class="button button-icon button-clear ion-android-arrow-back" ui-sref="list">
</div>
    <h1 class="title">Item</h1>

</ion-header-bar>

即使每个页面都是自己的离子视图，我怎样才能使转换工作？

修改我使用nav-direction =“back”

下一个问题是转换仅适用于列表中的转换？

如果我单击上面的幻灯片左转换发生，但如果我再回去再次按下它我没有转换？它是某种缓存吗？

Answer 1

我的方法是将index.html中的离子侧菜单作为唯一的指令，并在其中并使用内部的离子导航视图。

然后用side =＆＃34; left＆＃34;定义一个离子侧菜单。并包括您要显示的列表。这样，您就可以定义一个侧边菜单，该菜单将显示在整个应用程序中，并且可以提供您需要的所有内容。

现在回答你的问题，我认为列表页面（在你的情况下是带有离子侧菜单的页面）在返回时没有转换，因为它现在是离子视图。当在内部交换输入时，页面转换发生在离子视图上。但离子侧菜单页面并没有在它内部进行交换。

关于这个：

编辑我解决了＆＃34;过渡＆＃34;使用nav-direction =＆＃34;返回＆＃34;

之所以有效，是因为你明确告诉离子，你想回去时想要一个导航过渡。

希望这有点帮助

离子页面转换

1 个答案: