首页 文章

离子页面过渡

提问于
浏览 次
1

我很难理解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>

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

EDIT 我使用nav-direction = "back"解决了"transition back"

接下来的问题是，转换仅适用于列表中的转换？

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

ionic transitions

1 回答

  • 2

    我的方法是将index.html中的离子侧菜单作为唯一的指令，并在其中并使用ion-nav-view .

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

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

    关于这个：

    编辑我使用nav-direction =“back”解决了“转换回来”

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

    希望这个对你有帮助

    回复于

相关问题