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

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 )文件并导入可注入(inject)文件: data.service.ts我在组件中使用 get 和 set 方法，这工作得很好。但是当我重新加载或刷新页面时，该值消失了。我已经看到建议使用 localStorage 的解决方案但是还有另一种方法可以在刷新后保持值的持久性。

Answer 1

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