解决微信公众号—历史记录返回问题-angularjs开发 SPA

在解决这个问题之前,一直处在很苦逼的状态,因为 现在绝大多数 前端模块都是 SPA 模式;所以由此而来出了许多的问题,当然我现在提的这个只是其中一个;
  说一下解决方案:
  1、技术栈
    angularjs1.4.9+ui-route+requireJS
  2、解决步骤如下
  
define([ 'app' ], function(app) {
  app.config(["$stateProvider", "$urlRouterProvider", 
      "hammerDefaultOptsProvider", "$urlMatcherFactoryProvider", 
         "cfpLoadingBarProvider", 
    function($stateProvider, $urlRouterProvider, hammerDefaultOptsProvider,             
           $urlMatcherFactoryProvider, cfpLoadingBarProvider) {
           /* 微商城——确认订单 */
           .state('sureOrder', {
          url: '/sureOrder',
          params: {isSureOrder: null},
          templateUrl : 'tpls/order/sureOrder.html',
          controller:'sureOrderCtrl',
        })    
        /* 微商城——确认支付订单 */
        .state('sureOrderPay', {
          url: '/sureOrderPay',
          params: {isPay: null},
          templateUrl : 'tpls/order/sureOrderPay.html',
          controller:'sureOrderPayCtrl',
        })  
  }]);
});


/**
* app.run模块,程序首先加载它
*/
define[('app', function(app){
    app.run(['$rootScope''], function($rootScope){
        $rootScope.$on('$satteChangeSuccess',
             function(event, toState, toParams, fromState, fromParams){
                // toState -> 当前路由信息{url:... , ...},toParams -> 路由参数
                //思路 :判断当前路由是否为 需要操作的页面,然后通过为该路由传
                //入的参数判断是否停留在当前页面,如上面路由所配置的,初始参数为null
                //所以 当你在进入指定页面前 会给路由传一个参数;当你点击返回键时路由走
                //默认值null, 所以这时,你就可以操作页面跳转到你指定要返回的页面了

                if(toState.url === "/sureOrder"){
                    if(toParams.isSureOrder != "true"){
                        $state.go("order");
                        return;
                    }
                }
                if(toState.url === "/sureOrderPay"){
                    if(toParams.isPay != "true"){
                        $state.go("shop-index");
                        return;
                    }
                }
        })    
    })
}])
  
  以上方案,纯属个人思路,我相信大家会有更好的解决方案,欢迎互相讨教分享!
  很想得到大家的评论,指教! 共同进步!
  最后,感谢您的揽月;
posted @ 2017-12-06 14:24  安de博客  阅读(963)  评论(0编辑  收藏  举报