Обновление / Перезагрузка Angular 2 Web App

Question

Я новичок в угловой 2. В настоящее время я разрабатываю огромное веб-приложение с множеством маршрутов и под-маршрутов. работа с веб-API. Основная проблема в моем приложении - когда пользователь log-in.im создает токен JWT и сохраняет его в sessionStorage, и с охраной я могу сохранить сеанс пользователя. но я что-то упускаю, если пользователь заполняет огромную форму и получает огромную страницу с большой информационной базой в своей форме, когда он обновляет страницу, все данные, которые мне удается сохранить в сервисе, исчезли.

Как я могу обрабатывать пользовательские страницы обновления / перезагрузки? без потери данных

Answer 1

Обновление

Я просто создаю интернет-хранилище. сервис, который будет обрабатывать все сохранение / удаление данных + поиск необходимых объектов в и из хранилища сеансов и локального хранилища. Я все еще работаю над этим, но это идея.

import { decode } from 'jwt-decode';
import { Injectable } from '@angular/core';

@Injectable()
export class WebStorageService {
  constructor() {}

  public setData(key: string, data: any) {
    let encodedData = window.btoa(JSON.stringify(data));
    localStorage.setItem(key, encodedData);
  }
  public getData(key: string) {
    let encodedString = localStorage.getItem(key);
    return JSON.parse(window.atob(encodedString));
  }

  public removeData(key: string) {
    localStorage.removeItem(key);
  }
}

Answer 2

Вы можете попробовать использовать Angular LocalStorage . Вот ссылка, которая может вам помочь: Angular 2 LocalStorage