Ionic框架页面过渡方向

Question

我在我的应用程序中使用 Ionic Framework 和 Angularjs，但我陷入了页面转换。

该应用程序适用于 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"
                }
            }
        })

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

Answer 1

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

Answer 2

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

要使用哪种视图过渡样式。

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

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

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

Answer 3

我想你可能会发现这个非常有帮助。与 IOS 设备中一样从左到右的动画。