zoukankan      html  css  js  c++  java
  • ionic不同view跳转到同一个

    ionic不同view跳转到同一个 view并保留历史的路由设计

    上代码:state 里面新加一个状态

    .state("other", {
        url: "/other",
        abstract: true,
        controller: "OtherCtrl",
        template: "<ion-nav-view></ion-nav-view>",
        onEnter: function($rootScope, fromStateServ) {
            fromStateServ.setState("other", $rootScope.fromState, $rootScope.fromParams);
        }
    })


    对应的controller
    .controller("OtherCtrl", function($scope, $state, fromStateServ) {
        $scope.backNav = function() {
            var fromState = fromStateServ.getState("other");
            if (fromState.fromState !== undefined) {
                $state.go(fromState.fromState.name, fromState.fromParams);
            } else {
                //设置没有历史的时候,默认的跳转
                $state.go("app.xxx");
            }
        };
    })

    保留 history 的公共方法
    .factory("fromStateServ", function() {
        return {
            data: {},
            setState: function(module, fromState, fromParams) {
                this.data[module] = {
                    "fromState": fromState,
                    "fromParams": fromParams
                };
            },
            getState: function(module) {
                return this.data[module];
            }
        };
    })

    https://segmentfault.com/n/1330000004202748

  • 相关阅读:
    css
    常见属性
    表单
    html的块
    常见标签(一)
    html5 文本内容
    整数的分解
    快速排序及其应用
    javascript之动画特效
    html标签积累
  • 原文地址:https://www.cnblogs.com/xqschool/p/6033396.html
Copyright © 2011-2022 走看看