Angular 6 - 只有浏览器关闭而不是刷新时注销答案

【问题标题】：Angular 6 - logout when only browser close not on refreshAngular 6 - 只有浏览器关闭而不是刷新时注销
【发布时间】：2019-04-12 23:17:36
【问题描述】：

当浏览器在 angularjs 6 中关闭时，我试图销毁本地存储以注销。它在浏览器关闭时工作正常，但在刷新页面时也能正常工作。我只需要在浏览器中关闭而不是在刷新中

这是 .ts

中的代码

@HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler($event) {
    localStorage.removeItem('userId');
  }

【问题讨论】：

标签： angular

【解决方案1】：

使用 sessionStorage 属性，一旦浏览器关闭就会过期。 w3schools.com/jsref/prop_win_sessionstorage.asp

【讨论】：

【解决方案2】：

我在 Angular 中找到确保当前状态的唯一方法是刷新浏览器操作，就是这样询问。将路由器注入您的组件。使用 sessionStorage 应该可以正常工作，但在 chrome 中，您应该确保应用程序不会在 Chrome>Settings 中的后台运行。

isPageRefresh(){
    return !this._router.navigated;
}

【讨论】：