javascript - Angular 6 与 session 存储

标签 javascript angular session-storage

我正在使用 sessionStorage 来保存我的用户数据。如果您空闲一段时间(例如:2 分钟)。我需要使 sessionStorage 过期。我怎么过期呢?你能给我一点指导吗?

登录功能

 signin() {

this.disableSubmit = true;
return this.loginservice.loginUser(this.model).subscribe(
  data => {

         if (data) {
              this.responseuser = data.response;
            ;
              if (data.response.responseCode === 200) {

                  window.sessionStorage.setItem('token', JSON.stringify(this.responseuser));
                  window.sessionStorage.setItem('isLoggedIn', 'true');

                  }

            }


},
  error => {

  });

}

最佳答案

您可以安装ng2-idle包并在onTimeout订阅中实现过期。

这是示例源代码

this.idle.onTimeout.subscribe(() => {

          this.idleState = 'Timed out!';
          this.timedOut = true;         
          this.idle.stop();
          //prevent init multiple time
          this.idle.onTimeout.observers.length = 0;
          this.idle.onIdleStart.observers.length = 0;
          this.idle.onIdleEnd.observers.length = 0;

          // add your code to expire session storage here
        });

https://hackedbychinese.github.io/ng2-idle/

关于javascript - Angular 6 与 session 存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55529297/

相关文章:

javascript - 隐藏输入更改时触发 onchange 事件

angular - 失败 : Microsoft. AspNetCore.SpaServices[0]

Angular2 测试 : change the injected value of a service

javascript - 如何使用 React 将状态变量保存和检索到 session 存储?

javascript - Ajax 轮询聊天在快速聊天的消息接收器前端获取重复项

javascript - Select2 更改事件 - 在第一个 select2 框值更改时更改下一个 select2 框的选项

javascript - 查找特定的出现并将其解析为数组。

javascript - 从 ajax 返回的 html 提交表单

angular - 在初始化 ionic 4 之前无法访问 'LoginPageModule'

javascript - 在 AngularJS 的 session 存储中自动保存 HTML 表单