javascript - Angular JS 应用程序中的后退按钮行为

Question

我对用 angularJS 编写的 SPA 应用程序有疑问。该应用程序由三个 View 组成 - 登录 View 、主视图和注销 View 。

• myapp/#/登录
• myapp/#/main
• myapp/#/注销

我的路线提供商:

function Router($routeProvider) {
    $routeProvider
        .when('/login', {
            templateUrl: 'app/components/login/login.tmpl.html',
            controller: 'login.ctrl',
            controllerAs: 'vm'
        })
        .when('/main', {
            templateUrl: 'app/components/dashboard/main.tmpl.html',
            controller: 'dashboard.ctrl',
            controllerAs: 'vm'
        })
        .when('/logout', {
            templateUrl: 'app/components/logout/logout.tmpl.html',
            controller: 'logout.ctrl',
            controllerAs: 'vm'
        })
        .otherwise({
            redirectTo: '/login'
        });
}

用例: 1)用户登录。 2)用户在主视图中看到内容 3) 用户注销。 4) 用户被重定向到注销 View 进行确认 5) 用户被重定向到登录 View

如果我在第 5 步后按下后退浏览器按钮，我将被重定向到主视图。当我处于登录 View 时，有没有办法更改后退按钮的行为？我相信这很简单，如果问题重复，我深表歉意。感谢您的宝贵时间和回复!

Answer 1

请参阅工作示例:http://plnkr.co/edit/46O0znC5HFDE4cYXSm5h?p=preview

登录功能中cookies中存储的数据如下，

$cookies.userinfo = {
    'id': 1,
    'name': 'pqr'
};

并在注销时删除该数据 -

delete $cookies.userinfo;

然后检查“angular.isDefined($cookies.userinfo)”(userinfo是在其中存储数据时给出的cookie名称)，如果找到则将其重定向到您登录后希望看到的页面。即

app.run(function ($cookies) {
      $rootScope.$on("$routeChangeStart", function () {
        if (angular.isDefined($cookies.userinfo)) {
            $location.path("/pathname");
        }

      });
});