Как сохранить значение локально в переменной, даже после перезагрузки страницы в angular 5 - PullRequest
Новая
       20

Как сохранить значение локально в переменной, даже после перезагрузки страницы в angular 5

0 голосов
/ 14 мая 2018

Я использовал WebStorageServie в своем угловом приложении 5, чтобы сохранить значение, выбранное один раз и доступное для всего приложения.Все работает нормально, но когда страница перезагружается, данные, хранящиеся в переменной, тоже обновляются.Следующий код показывает, как я реализовал `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 Ответ

0 голосов
/ 14 мая 2018

Использовать локальное хранилище

Материал первого набора (например, если вы хотите установить 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

Теперь используйте данные о вашем локальном хранилище для дальнейшего использования…:)

...