如何在会话存储中存储以便在关闭浏览器时删除数据？

Question

我一直致力于在我的角度应用程序中实现用户身份验证。我以一种将令牌存储在本地存储中的方式实现。

这是我在用户输入用户凭据并按下提交时执行的代码。

this.http.post('http://localhost:3000/users/login', this.user).subscribe(data => {
  if (data['token']) {
    localStorage.setItem('mean-token', data['token']);
    location.reload();
    this.router.navigate(['/']);
  }
});

我的应用程序将令牌存储在本地存储中，并且在关闭浏览器时不会删除令牌。我希望在浏览器关闭时删除令牌。我怎么能这样做？

问题更新： 我知道我需要将数据存储在会话存储而不是本地存储中，但我无法在Angular 4中找到如何做到这一点。我想知道如何使用Angular 4进行开发。

Answer 1

“我想在浏览器关闭时删除令牌。”

localStorage会永久保存会话，但SessionStorage会在浏览器关闭时关闭会话。

https://code.google.com/p/sessionstorage/