检测本地存储更改并显示在页面上，无需重新加载

Question

我对 Angular、ionic 4 本地存储有疑问。当我从一个页面将数据保存在本地存储上，并且想要将数据显示到另一页面时，我需要重新加载页面才能使其工作。我考虑过检查本地存储更改在页面中我想显示数据。你知道如何检测角度7，离子4中本地存储的变化吗？

Answer 1

我认为你应该使用 rxjs 流来完成此任务。

   private storageSub= new Subject<string>();
  ...

  watchStorage(): Observable<any> {
    return this.storageSub.asObservable();
  }

  setItem(key: string, data: any) {
    localStorage.setItem(key, data);
    this.storageSub.next('added');
  }

  removeItem(key) {
    localStorage.removeItem(key);
    this.storageSub.next('removed');
  }