zoukankan      html  css  js  c++  java
  • ionic页面间跳转的动画实现

    1. 在<ion-view>标签中加入:

    nav-direction="back"或nav-direction="forward"

    2.用$state.go()实现页面间的跳转的动画:

    在$state.go()后面加上 $ionicViewSwitcher.nextDirection("back")或 $ionicViewSwitcher.nextDirection("forwoard")
    可以实现跟加nav-direction一样的效果了,要注入ionicViewSwitcher服务

    3.点击手机返回按键实现跳转的:

    $ionicPlatform.registerBackButtonAction(function (e) {
            if($state.current.name == 'tab.news' || $state.current.name == 'tab.message' || $state.current.name == 'tab.work' || $state.current.name == 'tab.mine' || $state.current.name == 'login'){
                   window.plugins.appMinimize.minimize();
            }else if($ionicHistory.backView()){
                   $ionicHistory.goBack();
                   $ionicViewSwitcher.nextDirection("back");
            }
            else{
                window.plugins.appMinimize.minimize(); 
            }
            e.preventDefault();
            return false;    
        }, 101);
  • 相关阅读:
    第一次作业 黄学才
    shell重定向符
    umask
    Linux下新建用户自动复制文件
    任务计划cron
    vsftp配置
    xinetd.d配置格式
    php安装
    第五次作业
    第四次作业
  • 原文地址:https://www.cnblogs.com/liaolei1/p/7662075.html
Copyright © 2011-2022 走看看