Javascript 如何浏览不同的离子标签

这是我第一次在这里发表文章，但我非常感谢您在这方面的帮助或建议：

我目前正在使用ionic框架构建一个项目，在构建一个功能版本后，我决定能够在选项卡之间滑动以显示应用程序的各个部分

我使用ionic提供的选项卡模板构建了应用程序，因此每个页面都通过ion nav view元素显示，并且是通过app.js文件中声明的状态更改调用的模板（见下文）：

我想知道的是；是否有一种方法允许用户左右滑动以在不同页面之间切换

有可能吗？如果是这样，是否也需要滚动

---

我希望这是足够的细节，如果不是我会很乐意提供尽可能多的。谢谢收听

是的，这是可能的。我使用了tabs模板，得到了以下结果：

<ion-content on-swipe-right="goBack()" on-swipe-left="goForward()">

我不知道这是否是最佳实践，是否非常可靠。就像我说的，我只是在看完报纸后玩了一会儿

---

我希望我给了你一个如何工作的想法。

但是当你这样做时，你不会得到

幻灯片

动画。幻灯片动画是什么意思？你能举个例子吗？这是可行的，但是视图从一个视图跳到另一个视图。这里没有动画，我所说的动画是指当你在爱奥尼亚拉动侧菜单时得到的那种拉动动画。下一个视图是从侧面绘制的，在一个断点捕捉到视口后..但是感谢这个工作…我明白了。。。但这也应该是可能的。就像我说的，这只是一个概念的证明。你可以进一步阐述。我只是给你一个基本的想法：）另一个解决方案可能是使用离子滑盒，除了标签。可以使用幻灯片框（内置动画）创建页面导航，只需在页面底部添加选项卡作为可视元素。单击每个选项卡将调用函数，该函数使用

$ionicSlideBoxDelegate.slide（）

转到正确的幻灯片。

<ion-content on-swipe-right="goBack()" on-swipe-left="goForward()">

.controller('MyCtrl', function ($scope, $ionicTabsDelegate) {

    $scope.goForward = function () {
        var selected = $ionicTabsDelegate.selectedIndex();
        if (selected != -1) {
            $ionicTabsDelegate.select(selected + 1);
        }
    }

    $scope.goBack = function () {
        var selected = $ionicTabsDelegate.selectedIndex();
        if (selected != -1 && selected != 0) {
            $ionicTabsDelegate.select(selected - 1);
        }
    }
})