解决微信公众号—历史记录返回问题-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;
                    }
                }
        })    
    })
}])

　　

　　以上方案，纯属个人思路，我相信大家会有更好的解决方案，欢迎互相讨教分享！

　　很想得到大家的评论，指教！ 共同进步！

　　最后，感谢您的揽月；

转载于:https://www.cnblogs.com/an-xin/p/an_de_blog.html