javascript - 刷新后保留页面中的数据

Question

我的 Angular 项目中有 2 个页面。其中一个是主页。另一个是弹出页面。我在弹出页面中输入数据以输入标签，然后当我单击添加按钮时，数据被添加到主页。它工作得很好。我在主页中保存数据数组。但是如果我刷新页面(主页)数据似乎没有了。你有什么想法吗？

我做了一些研究并了解了本地存储和 cookie。但是我可以将数据从一个页面发送到另一个页面。我想做的是将数据保留在页面中。我该如何处理？

我的理解是我们使用 localstorage 将数据发送到另一个页面。我说得对吗？

Answer 1

我会创建一个简单的服务来帮助您管理 localStorage 数据。一些简单的东西，比如:

import { Injectable } from '@angular/core';

@Injectable()
export class SharingService {
  private storageName: string = "Settings";

  constructor() { }

  setSettings(data: any) {
    localStorage.setItem(this.storageName, JSON.stringify(data));
  }

  getUserSettings() {
    let data = localStorage.getItem(this.storageName);
    return JSON.parse(data);
  }

  clearUserSettings() {
    localStorage.removeItem(this.storageName);
  }

  cleanAll() {
    localStorage.clear()
  }

}