男儿欲遂平生志，六经勤向窗前读。这篇文章主要讲述刷新/重新加载Angular 2 Web App相关的知识，希望能为你提供帮助。
我是角色2的新手。我目前正在开发一个包含大量路线和子路线的大型网络应用。使用Web API。我的应用程序中的主要问题是当用户登录时创建一个JWT令牌并将其保存在sessionStorage上并且使用后卫我可以保留用户会话。但我想念一些东西，如果用户填写了一个巨大的表格并在刷新页面时获得了一个包含大量信息的大页面，我设法保存在服务中的所有数据都消失了。
【刷新/重新加载Angular 2 Web App】如何处理用户刷新/重新加载页面？不会丢失数据
答案您可以尝试使用Angular LocalStorage。这是一个可能对您有所帮助的链接：Angular 2 LocalStorage
另一答案更新
我只是做一个网络存储。将处理所有保存/删除数据的服务+来自会话存储和本地存储的必要对象。我还在努力，但这是个主意。
import { decode } from 'jwt-decode';
import { Injectable } from '@angular/core';
@Injectable()
export class WebStorageService {
constructor() {}
public setData(key: string, data: any) {
let encodedData = https://www.songbingjia.com/android/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);
}
}推荐阅读
- Spring Boot AnnotationConfigEmbeddedWebApplicationContext无法填充动态类中的自动声明的声明字段
- Android模型视图控制器实现给出错误
- 如何使用JAVA在Android中拆分ArrayList（）
- Android arrayList检索数据
- Android排序自定义对象数组
- 在Android中的SharedPreferences中存储数组的最有效方法是什么（）
- 如何在Electron Framework中实现本机上下文菜单(带有检查元素)
- 如何在Electron Framework中实现类似选项卡的浏览器
- 如何使用Electron下载网络文件，保存并显示下载进度