刷新或重新加载后保留共享值？

Question

我有一个data.service.ts文件，用于存储在我的 Angular 项目中的许多组件之间共享的变量。

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

@Injectable()
export class myService {
  public sharedData:string;

  constructor(){
    this.sharedData = "String from myService";
  }

  setData (data) {
    this.sharedData = data;
  }
  getData () {
    return this.sharedData;
  }
}

myService并且仅在文件上的“providers”中创建了一次类（ ）app.module.ts并导入了可注入文件：data.service.ts 我在组件中使用 get 和 set 方法，这工作得很好。但是当我重新加载或刷新页面时，该值就消失了。我已经看到建议使用的解决方案localStorage，但是是否有另一种方法可以在刷新后保持值的持久性。

Answer 1

当您重新加载页面时，您将重新启动 Angular 应用程序。所以它只包含初始数据。您想要保存的所有内容都必须保存在后端或保存在localStorage.