Ionic Framework 页面过渡方向答案

【问题标题】：Ionic Framework page transition directionIonic Framework 页面过渡方向
【发布时间】：2016-02-21 23:09:15
【问题描述】：

我正在为我的应用程序使用带有 Angularjs 的 Ionic Framework，但我卡在页面转换上。

该应用适用于 iOS，后退按钮指示前进方向。是否可以使用 javascript / Angularjs 设置方向？

这是我的页面配置的一部分。

.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider

        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: 'AppCtrl'
        })
        .state('app.dashboard', {
            url: "/dashboard",
            views: {
                'menuContent': {
                    templateUrl: "templates/dashboard/dashboard.html"
                }
            }
        })
        .state('app.DLRlogin', {
            url: "/DLR_login",
            views: {
                'menuContent': {
                    templateUrl: "templates/dlr/dlr_login.html"
                }
            }
        })
        .state('app.search_phone', {
            url: "/search_phone",
            views: {
                'menuContent': {
                    templateUrl: "templates/search_phone/search_phone.html"
                }
            }
        })

当用户从仪表板转到页面时，过渡会向前，这很好，但后退按钮也会向前过渡。

【问题讨论】：

标签： angularjs transition ionic

【解决方案1】：

您可以在$ionicConfigProvider 中定义视图转换，但您应该更新到 Beta 14。

【讨论】：

谢谢，我也想通了。仅更新到 Beta 14 会使我的应用程序崩溃。我更改了状态的排序，并使用 javascript 处理所有链接

【解决方案2】：

语法 - $ionicConfigProvider.views.transition(transition-type);

使用哪种样式的视图转换。

平台：根据情况动态选择正确的过渡样式在运行应用程序的平台上。如果平台不是ios 或 android 则默认为 ios。
ios：iOS 样式转换。 android：Android 风格转换。
无：不执行动画过渡。

示例 - $ionicConfigProvider.views.transition('platform');

文档 - http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

【讨论】：