巧-微信公众号-操作返回键问题-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; } } }) }) }])
以上方案,纯属个人思路,我相信大家会有更好的解决方案,欢迎互相讨教分享!
很想得到大家的评论,指教! 共同进步!
最后,感谢您的揽月;