在Angular 2中观察本地存储的更改
Watch changes in local Storage in Angular 2
我有一个基于日志显示的菜单。我在本地存储中使用json网络令牌进行身份验证,我想观察localStorage的更改,然后重新更新我对新信息的看法。
如何查看本地存储的更改?
我用这个设置了本地存储
localStorage.setItem('jwt',my_token);我想做的事情是检查我是否有代币,如果没有,什么都不会发生,但当发生变化时,会引发一个事件。据我所知,我必须创建一个服务,将其注入我想要的地方,并将我订阅到可观察对象。
我所拥有的只是服务,我不知道如何观察变化。
我的服务是:
import { Injectable } from 'angular2/core';
@Injectable()
export class LocalStorageService {
private storage: any;
constructor() {
this.storage = localStorage;
}
public retrieve(key: string): any {
var item = this.storage.getItem(key);
if (item && item !== 'undefined') {
return JSON.parse(this.storage.getItem(key));
}
return;
}
public store(key: string, value: any) {
this.storage.setItem(key, JSON.stringify(value));
}
}
我已经创建了一个服务,如果您仍然没有找到合适的答案,它可以为您做到这一点。h5webstorage已经处理监视localStorage和sessionStorage事件并同步更改。你所要做的就是像使用普通物体一样使用它。
相关文章:
- 使用Angular存储用户以前是否选中过复选框,然后再调用它的最佳方式是什么
- 使用angular中的本地存储来存储选中的复选框
- 将IIFE的原始值存储在Angular中的监视功能(重置过滤器)中
- 使用谷歌地图和Angular JS.正在尝试将坐标存储在变量中
- 使用Angular更改JSON中存储的布尔值
- Angular:将对象存储在服务中以在视图中显示和将crud函数存储到服务器的最佳方式是什么
- 在Angular SPA中存储凭据
- 在Angular 2中观察本地存储的更改
- Angular,GitHub API,返回存储库和标签
- 如何将angular.js模型变量存储在javascript变量中
- 在定期更新的 Angular 中存储和使用数据的最佳方式
- 检查会话存储并将变量传递给 Angular 中的$scope的正确方法
- 在 chrome 中使用会话和本地存储时未加载 Angular JS 页面
- 如何使用 Node/Angular/JavaScript 将多个图像上传到 Amazon AWS S3 存储桶
- 复选框选中 持久化与 Angular js 中的本地存储
- 在 Angular 2.0 应用程序中存储应用程序数据的正确方法是什么?
- 将动态数据存储在变量中以备将来使用 - Angular.js
- 在单页应用程序上访问Angular JS之外的Angular JS本地存储
- Angular JS:将对象从一个数组存储到不同的数组/服务
- Angular js观察会话存储