单页应用:登录后返回

Question

需要你的建议。

我有angularjs应用程序，使用ui.router进行路由。

用户首先会看到一个登录屏幕，登录时会显示一个网格。网格是分页的。

现在，如果用户单击浏览器的后退按钮，用户将被带到登录屏幕。

1. 是正确的行为，您是否会提出不同的建议。如果用户移动到3页时使用分页，
2. 也应使用后退按钮将用户带到上一页。

提前感谢

Answer 1

1.)您可以使用$stateChangeStart阻止客户端返回登录。例如：

/**
 * Before state change / page switch
 */
$rootScope.$on("$stateChangeStart", function (event, next, current, fromState, fromParams, options) {

    //verify login state
    if ($cookies.get('loggedIn') !== undefined) {
        if (next.templateUrl !== "views/login.html") {
            $timeout (function () {
                event.preventDefault();
                $state.go('app.overview');
            }, 50);
        }
    }
});

2.)为分页内的所有页面创建一个URL，以便用户能够使用浏览器历史记录后退/前进：

.state('app.list', {
    url: '/list/:pageId',
    templateUrl: 'views/list.html'
})

使用notify: false在不重新加载的情况下更改页面单击的URL

$state.go('app.list', {pageId: yourNextdPageId}, {notify: false})