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）;

转换使用哪种视图样式。

platform：依赖于动态选择正确的过渡样式在应用程序运行的平台上。如果平台不是ios 或者android，那么它将默认为ios。
ios：iOS风格转换。 android：Android风格转换。
none：不执行动画过渡。

示例 - $ ionicConfigProvider.views.transition（＆＃39; platform＆＃39;）;

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

Ionic Framework页面转换方向

2 个答案: