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

Question

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

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保留其值，直到用户另有决定为止。现在我正在这样做的方式，当页面重新加载时它会被清空。

Answer 1

使用本地存储

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

Func<>

现在通过getItem

获取对象

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

现在使用本地存储数据进一步使用......：）