angularjs1.*返回跳转到上一页代码配置

来源:互联网 发布:linux arping 编辑:程序博客网 时间:2024/05/18 00:07

angular.module('Demo', ['ui.router','ui.bootstrap'])  
/*
 * 封装返回上一页方法
 * 控制器调用(Controller):$rootScope.back();注意$rootScope是angularjs的基类,调用时控制器不需要导入引用$rootScope
 */
.run(function ($rootScope, $state, $stateParams) {
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
    $rootScope.$on("$stateChangeSuccess", function (event, toState, toParams, fromState, fromParams) {
        // to be used for back button //won't work when page is reloaded.  
        $rootScope.previousState_name = fromState.name;
        $rootScope.previousState_params = fromParams;
    });
    //back button function called from back button's ng-click="back()"  
    $rootScope.back = function () {//实现返回的函数  
        $state.go($rootScope.previousState_name, $rootScope.previousState_params);
    };
})

Controller中调用

      

$rootScope.back()//返回上一页

代码经过测试可以直接拷贝到你的项目中使用

原创粉丝点击