angularjs - Ionic Framework 页面过渡方向

Question

我正在为我的应用程序使用带有 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"
                }
            }
        })

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

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/