在angularJS中实现返回前一页

最新推荐文章于 2024-03-06 23:24:46 发布

吴杼恩

最新推荐文章于 2024-03-06 23:24:46 发布

阅读量2w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： AngularJS知识点汇总文章标签：在angularJS中实现返回前一页

本文链接：https://blog.youkuaiyun.com/qianqianyixiao1/article/details/51146519

AngularJS知识点汇总专栏收录该内容

31 篇文章

订阅专栏

本文介绍了在AngularJS应用中如何使用history.go(-1)方法来实现返回前一页的功能。当此方法无效时，提供了查阅Angular-UI Router官方问题链接（https://github.com/angular-ui/ui-router/issues/92）作为备选解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html
  <script src="lib/angular/angular-1.4.9/angular.js"></script>
  <script src="lib/angular/angular-ui-router.min.js"></script>
app
    angular.module('ConsoleUIApp', ['ui.router','ui.bootstrap'])
        .config(function ($stateProvider, $urlRouterProvider, $httpProvider) {

            // For any unmatched url, redirect to /state1
            $urlRouterProvider.otherwise("/home");

            $stateProvider
                .state('home', {
                    url: "/home",
                    templateUrl: "views/home.html",
                    controller: 'HomeCtrl'
                })
                .state('testing', {
                    url: "/testing",
                    templateUrl: "views/testing.html",
                    controller: 'TestingCtrl'
                })
        })

        .run(function($rootScope, growl, $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：
	$scope.sub = function(addRode) {
	$rootScope.back()//直接使用
	}

在用上面的方法时，可以直接试试

history.go(-1)

如果不管用再用上面的方法

https://github.com/angular-ui/ui-router/issues/92