我在我的angular 5应用程序中使用 WebStorageServie 来存储一次选择的值，并且整个应用程序都可以访问它 . 它工作得很好但是当重新加载页面时，存储在变量中的数据也会被刷新 . 以下代码显示了我如何实现`WebStorageService'：

constructor(
    private _http: HttpClient,
    @Inject(LOCAL_STORAGE) private storage: WebStorageService
  ) {
    this.setHeaders();
  }

  setHeaders() {
    this.headers =  new HttpHeaders().set('Content-Type', 'application/json');
  }
  /*JIF*/

  setJIF(key1, jifId, key2,  PoID) { // Setting Global Var
            this.storage.set(key1, jifId);
      this.jifId = this.storage.get(key1);
      this.setPO(key2 , PoID);

  }

  setPO(key2, PoID) {
    this.storage.set(key2, PoID);
    this.poId = this.storage.get(key2);
     console.log('POID', this.poId); // Gives Desired Output
    console.log('JIFID', this.jifId);//Gives Desired Output
  }
}

我希望 this.jifId 和 this.poId 保持其值，直到用户另有决定 . 我正在这样做的方式现在它在页面重新加载时被清空 .

1 回答

Use Local Storage

First Set Item Stuff（如果你想设置loggedInfo）

let loggedInfo = {'poId':3,'poId':11}
localStorage.setItem('loggedInfo',JSON.stringify(loggedInfo));
//Convert Object to String

现在通过getItem获取对象

let loggedData = JSON.parse(localStorage.getItem('loggedInfo'));
//Convert String to Object and Local Storage data

现在使用本地存储数据进一步使用...... :)

回复于 2024-04-28T08:21:40+08:00

即使在以角度5重新加载页面后，如何将值本地存储到变量

1 回答

First Set Item Stuff（如果你想设置loggedInfo）

现在通过getItem获取对象

相关问题