采用了棱角分明的js登录页面的应用 [英] login page application using angular js

问题描述

我设计的角度JS登录页面的应用程序。但我需要在浏览器中的帮助，当我点击后退按钮再次导航到主页或登录页面，以我们该怎么办停止后退按钮的工作。

I have designed a login page application in Angular js. but I need a help in the browser when I click back button it again navigating to home page or login page for to stop back button work what should we do.

当我在浏览器中单击后退按钮它不应该转到主页或登录页面。

when I click back button in browser it should not navigate to home page or login page.

推荐答案

请参见工作示例：的 http://plnkr.co/edit/46O0znC5HFDE4cYXSm5h?p=$p$pview

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

Stored data in cookies in login function as follows,

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

和在注销删除数据 -

And on logout remove that data -

delete $cookies.userinfo;

然后检查'angular.isDefined（$ cookies.userinfo）（用户信息是存储在它的数据的时间定的cookie名称），如果找到则重定向到您的网页，其中你想登录后看到的。即

then check for 'angular.isDefined($cookies.userinfo)' (userinfo is cookie name which given at the time of storing data in it) if find then redirect it to your page which you want to see after login. i.e

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

      });
});

这篇关于采用了棱角分明的js登录页面的应用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！